Tweenjs 정리

Tweenjs 정리

---

createjs.Tween.get(circle, {loop: true})
                .wait(1000) // wait for 1 second
                .to({scaleX: 0.2, scaleY: 0.2}) // jump to the new scale properties (default duration of 0)
                .wait(1000)
                .to({scaleX: 1, scaleY: 1}, 1000, createjs.Ease.bounceOut)
                .call(console.log, ["done!"], console) // call console.log("done!");
                .set({visible: false}, highlight) // set visible=false on highlight

• get(target, [props], [pluginData], [override=false]) : tween 인스턴스를 리턴
• target : 타겟 오브젝트
• props : ex {loop : true, paused:true}
• loop : 루프 속성을 설정합니다.
• useTicks : 밀리 초 대신 모든 기간에 대해 틱을 사용한다.
• ignoreGlobalPause : 틱 멈춤 시 계속 동작 여부
• override : true일 경우, createjs.Tween.removeTweens (target)가 불려가 같은 타겟의 트윈을 삭제합니다.
• position : 초기 위치를 나타낸다.
• onChange : change 이벤트에 대한 리스너를 지정한다.
• wait(duration, [passive]) : 대기
• duration : 시간, 1000 = 1초
• to(props, [duration=0], [ease="linear"]) : 이동
• props : {scaleX, scaleY, x, y, alpha, rotation, width, height, top, left}
• duration : 시간
• ease : 동작 방식
• call(callback, [params], [scope]) : 함수 호출
• callback : 호출할 함수
• params : 함수 파라미터
• scope
• set(props, [target]) : 설정 바꾸기
• props : {visible : false}
• target : tween 타겟

ease

• backIn
• backInOut
• backOut
• bounceIn
• bounceInOut
• bounceOut
• circIn
• circInOut
• circOut
• cubicIn
• cubicInOut
• cubicOut
• elasticIn
• elasticInOut
• elasticOut
• get
• getBackIn
• getBackInOut
• getBackOut
• getElasticIn
• getElasticInOut
• getElasticOut
• getPowIn
• getPowInOut
• getPowOut
• linear
• none
• quadIn
• quadInOut
• quadOut
• quartIn
• quartInOut
• quartOut
• quintIn
• quintInOut
• quintOut
• sineIn
• sineInOut
• sineOut stati