TS-LOG

프로그래밍/Phaser

[Phaser] 트윈(Tween) 사용하기

Phaser는 자체적인 트위너를 제공한다.트위너는 기본적으로 사용법은 유사하지만 라이브러리나 엔진에 따라서약간의 차이가 있다. 여기서의 설명은 Phaser 트위너 사용을 위한 기초적인 방법이다.좀 더 다양한 케이스는 레퍼런스를 참고한다. https://phaser.io/examples/v3.85.0/tweens Phaser - A fast, fun and free open source HTML5 game frameworkDesktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games.phaser.io 기본적인 트윈 방법1초 동안 토끼를 x좌표 ..

프로그래밍/CreateJS

[CreateJS] 동적으로 생성된 객체 참조하기

과거 플래시로 개발 했던 경험이 있다면AnimateCC + CreatejS 조합에서도 비슷한 방식으로 개발하게 된다. 보통은 특정한 무비 클립을 만들어서 그 내부에 필요한 객체를 배치하고인스턴스명까지 미리 적용된 상태에서 가져다 쓰게 된다.이렇게 생성된 객체의 경우 그 내부의 자식들까지 접근이 잘 된다. 하지만 다음과 같이 동적으로 생성해서 자식으로 붙여준 경우에는 해당 객체를 찾지 못한다.화면에도 보이고 txt 자체도 로그로 찍히지만txt 객체를 붙인 부모 객체에서는 찾지를 못한다. private testFnc(): void { const txt = new createjs.Text( 'Create Text', "bold 38px 'HUGoth35..

프로그래밍/개발 일기

PNG to base64

웹에서 이미지는 하나의 긴 코드로 분해될 수 있다.이것을 'base64 문자열' 이라고 한다.해당 코드에는 이미지 정보가 모두 포함되어 있으며, png 파일을 완벽히 대체한다. 즉 base64 문자열은 모든 픽셀 위치와 색상 값이 포함되어 있다.아래 사이트에서 png 이미지를 쉽게 base64 문자열로 변환할 수 있다.https://onlinepngtools.com/convert-png-to-base64이때 변환되는 문자열은 data:image/png;base64로 시작해야 한다.그래서 옵션에서 Valid data:image URL을 꼭 체크해 주자.(png to base64로 검색하면 이 사이트 말고도 더 나오니 편한걸 사용하면 된다.)  이제 아래와 같이 img 태그 src에 base64 문자열을 넣..

프로그래밍/개발 일기

채용 담당자로서 서류 전형 불합격 처리하는 이유

내가 맡고 있는 팀이 신생 팀이다 보니...팀에 인력이 부족한 상황이다. 그래서 구직 사이트에 채용글을 올리고지원해준 분들의 이력서를 틈틈히 보고 있다. 업무가 많다 보니 퇴근 후 새벽에 열어보고,주말과 공휴일에도 열람하고 있다. 어느 정도 규모가 있는 회사라 지원자도 많다.일주일도 안되서 약 70개의 이력서가 올라왔다.그리고 지금도 계속 추가되고 있다... 사람은 뽑아야 하고... 일은 많고... 시간은 없고...지원자수가 적다면 자세히 들여다 보고 택하겠지만내 입장에서는 한분씩 디테일하게 볼 수는 없다.빠르게 합격, 보류, 불합격으로 나누어야 한다. 채용 담당자마다 커트라인은 다르겠지만내가 지원서를 흝어보고 불합격처리 하는 이유는 다음과 같다. 1. 구직 사이트 이력에 사진 미첨부이런 경우 첨부한 이..