LTweenLite Class
LTweenLiteはアニメーショントゥイーン用ライブラリです。高速・軽量がウリなんです。
Constructor
LTweenLite
()
public
Item Index
Methods
- LTweenLite.remove static
- LTweenLite.removeAll static
- LTweenLite.to static
Methods
LTweenLite.remove
(
public
static
-
tween
[静的]トゥイーンをストップする。
Parameters:
-
tween
LTweenLiteChildトゥイーン中のオブジェクト.
Example:
LInit(1000/50,"legend",800,450,main);
var tween;
function main(){
LGlobal.setDebug(true);
var rect = new LSprite();
rect.x = 50;
rect.y = 50;
rect.graphics.drawRect("#FF00FF",1,[0,0,20,20],true,"#FF00FF");
addChild(rect);
tween = LTweenLite.to(rect,1,{x:500,loop:true,ease:LEasing.Sine.easeInOut})
.to(rect,1,{x:50,ease:LEasing.Quad.easeInOut});
var stopButton = new LButtonSample1("stop");
stopButton.x = 50;
circle.y = 50;
stopButton.y = 100;
addChild(stopButton);
stopButton.addEventListener(LMouseEvent.MOUSE_UP,stopTween);
}
function stopTween(e){
LTweenLite.remove(tween);
}
LTweenLite.removeAll
()
public
static
[静的]全部のトゥイーンをストップする。
Example:
LInit(1000/50,"legend",800,450,main);
var tween;
function main(){
LGlobal.setDebug(true);
var rect = new LSprite();
rect.x = 50;
rect.y = 50;
rect.graphics.drawRect("#FF00FF",1,[0,0,20,20],true,"#FF00FF");
addChild(rect);
tween = LTweenLite.to(rect,1,{x:500,loop:true,ease:LEasing.Sine.easeInOut})
.to(rect,1,{x:50,ease:LEasing.Quad.easeInOut});
var stopButton = new LButtonSample1("stop");
stopButton.x = 50;
circle.y = 50;
stopButton.y = 100;
addChild(stopButton);
stopButton.addEventListener(LMouseEvent.MOUSE_UP,stopTween);
}
function stopTween(e){
LTweenLite.remove(tween);
}
LTweenLite.to
(
LTweenLiteChild
public
static
-
target
-
duration
-
vars
[静的]新しい LTweenLiteChild インスタンスを作成して,指定したオブジェクトのある属性を指定した値に変更する。
Parameters:
-
target
Objectトゥイーンするオブジェクト
-
duration
Float時間
-
vars
Objectパラメータ。 x,y,onComplete, easeなど. 例えば, オブジェクト mc.x を 100にトゥイーンする 、mc.y を 200にトゥイーンする 、トゥイーンが終わったら myFunction関数を呼び出す, やり方は: TweenLite.to(mc, 1, {x:100, y:200, onComplete:myFunction});
オブジェクトの属性以外は、下記の特別な値も使えます:
属性 タイプ 説明 delay float 遅延(単位:秒) ease LEasing (or Function) トゥイーンの効果,例えばLEasing.Quad.easeIn や LEasing.Cubic.easeOutなど。ディフォルト値はLEasing.None.easeInです。 onComplete Function トゥイーンが終わったら、呼び出す関数 onStart Function トゥイーンがスタートする時、呼び出す関数 onUpdate Function トゥイーン中、呼び出す関数 loop Boolean trueを設定したら、トゥイーンはループします
Returns:
LTweenLiteChild:
LTweenLiteChild instance
Example:
LInit(1000/50,"legend",800,450,main);
function main(){
LGlobal.setDebug(true);
var circle = new LSprite();
circle.x = 50;
circle.y = 50;
circle.graphics.drawArc("#FF0000",1,[0,0,20,0,Math.PI*2],true,"#FF0000");
addChild(circle);
var rect = new LSprite();
rect.x = 50;
rect.y = 100;
rect.graphics.drawRect("#FF00FF",1,[0,0,20,20],true,"#FF00FF");
addChild(rect);
LTweenLite.to(circle,2,{x:500,y:400,scaleX:3,scaleY:3,ease:LEasing.Strong.easeInOut})
.to(circle,2,{x:700,y:50,scaleX:1,scaleY:1,ease:LEasing.Quint.easeIn,onComplete:function(e){
trace(e.currentTarget);
trace(e.target);
}});
LTweenLite.to(rect,1,{x:500,loop:true,ease:LEasing.Sine.easeInOut})
.to(rect,1,{x:50,ease:LEasing.Quad.easeInOut});
}