차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
tech:tweenlite [2016/09/18 13:33] – V_L | tech:tweenlite [2016/09/18 13:41] (현재) – V_L | ||
---|---|---|---|
줄 6: | 줄 6: | ||
TweenLite | TweenLite | ||
Tween 클래스의 대표주자 TweenLite | Tween 클래스의 대표주자 TweenLite | ||
+ | http:// | ||
+ | |||
+ | http:// | ||
+ | |||
TweenLite | TweenLite | ||
줄 29: | 줄 33: | ||
</ | </ | ||
+ | ====스타일==== | ||
+ | |||
+ | TweenLite.to( box, 1.5, { width:800, height:70 } ); | ||
+ | |||
+ | TweenLite.to( box, 1.5, { left:400, top:50 } ); | ||
+ | |||
+ | TweenLite.to( box, 1.5, { backgroundColor:# | ||
+ | |||
+ | TweenLite.to( box, 1.5, { scaleX:2, scaleY:3, rotation: | ||
+ | |||
+ | TweenLite.to( "# | ||
+ | |||
+ | TweenLite.to( box, 1.5, { left:800, delay:1 } ); | ||
+ | |||
+ | TweenLite.to( box, 1.5, { left:800, onComplete: | ||
+ | |||
+ | TweenLite.fromTo( box, 1.5, { left:10, height:30 }, { left:800, height:100 } ); | ||
+ | |||
+ | var myTween = new TweenLite.to( box, 1.5, { left:800, paused:true } ); | ||
+ | myTween.resume(); | ||
+ | myTween.reverse(); | ||
+ | | ||
+ | //mc3을 알파가 0이고, 현재 위치에서 100픽셀 위인 곳에서 현재 위치로 트윈시킵니다. (vars 인수의 오브젝트는 끝나는 지점이 아닌 시작하는 지점입니다.) | ||
+ | TweenLite.from(mc3, |