TS-LOG

프로그래밍/CreateJS

[CreateJS] Shape 주의점

Shape는 주로 도형을 그리거나 마스크 사용을 위해 사용된다.그래서 Container, MovieClip과 함께 가장 많이 사용되는 객체다.사용함에 있어 알게된 주의점들을 기록한다. 깊은 복사는 graphics 으로 해야 한다.Shape객체 자체로 clone()을 실행하면 깊은 복사가 아닌 얕은 복사가 일어난다.즉, maskShape는 drawShape를 참조하게 된다.그래서 drawShape.graphics.clear() 메서드를 호출하면 maskShape 역시 초기화 된다. 이런 문제점을 피하기 위해서는 깊은 복사(deep copy)가 되어야 하며,Shape의 graphics를 복제하면 깊은 복사가 된다. // 얕은 복사 this.maskShape = this.drawSha..

프로그래밍/CreateJS

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

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