[XPLATFORM] Chap06_Animation

Chap06_01_01_Animation-Property-Transition

 

애니메이션은 invisible object이다.

 

 

객체 종류

property : property 값을 직접 변경하는 애니메이션

transition : 변경 전과 후의 이미지 모습 보여줌.

move : 좌표값이 변경될 때 적용되는 컴포넌트

composite : 복수개의 애니메이션을 동시에 동작시킴

 

실습

 

property Animation

common properties

duration : 애니메이션 동작 시간(ms)

start time :  시작 지연 시간

target comp : 연결할 컴포넌트

interpolation

 

Property Animation Properties

from value : 애니매이션 시작 값

to value : 애미메이션 끝 값 

 

 

 

애니메이션 동작. run() : 동작 시킬 객체 아이디값을 매개변수로 넣음

 

버튼 두개 만들기(action, property), 마지막 버튼에 이벤트 작성 

pa1.run(Button00);

 

 

Transition Animation

버튼(transition) 만들고 transitionAnimation 클릭

 

 

effect : 애니메이션을 연결할 수 있는 속성

hideeffect, showeffect : 애니메이션 버튼 연결

action 버튼에 연결

 

Move Animation

.move(200,200,500,500) : 버튼의 좌측 상단의 꼭지점 좌표, 우측 하단의 꼭지점 좌표

 

 

action 버튼의 속성에서 moveeffect : 애니메이션 연결

 

Composite Animation

특별한 애니메이션이 있는 개 아니라 복수개의 다른 애니메이션들을 동시에 사용할 수 있도록 하는 기능

버튼 하나 생성(composite) - 이벤트 발생

ca1.addItem();

ca1.run();