TS-LOG

프로그래밍/CreateJS

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

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

프로그래밍/CreateJS

[CreateJS] 마스크 적용하기

CreateJS는 애니메이트CC(구 플래시)에서 캔버스용으로 제작시 사용하는 라이브러리다.애니메이트CC 사용시에는 디폴트로 사용이 가능하고 따로 라이브러리만 가져와서 사용도 가능하다. 당연한 얘기지만 CreateJS는 클래스명이나 메서드는 액션 스크립트와 매우 비슷하다.그래서 액션스크립트에 익숙한 개발자라면 러닝 커브면에서 유리하다. 하지만 몇 기능들은 예상과 다르게 동작한다.그 중 하나가 마스크이다. 액션스크립트에서의 마스크 적용액션스크립트는에서는 마스크 적용은 보통 두개의 무비클립을 사용한다.하나는 마스크용, 다른 하나는 마스크를 적용하는 대상이다. 테스트를 위해 다음과 같이 무비클립을 배치했다.검정색 원의 인스턴스명은 mMask파란색 사각형의 인스턴스명은 mRect 이다. 액션스크립트를 실행하면 정..