「Tweenクラス」の版間の差分
提供: LWF Wiki
(→トゥイーンを設定する) |
(→トゥイーンを設定する) |
||
| 8行: | 8行: | ||
//Movieのtweenを生成 | //Movieのtweenを生成 | ||
var tween = <Movieインスタンス>.addTween() | var tween = <Movieインスタンス>.addTween() | ||
| − | + | ||
//x:100の位置に30フレームかけて移動する | //x:100の位置に30フレームかけて移動する | ||
tween.to({x:100},30) | tween.to({x:100},30) | ||
| − | + | ||
//トゥイーンを開始する | //トゥイーンを開始する | ||
tween.start(); | tween.start(); | ||
2013年10月18日 (金) 19:39時点における版
目次 |
Tweenクラスとは?
LWFにはtween.jsが含まれておりMovieインスタンスやBitmapCLipインスタンスに簡単に動的なアニメーションを反映することができます。
タイムライン上に静的配置されているものにも反映することはできますが、反映後はタイムラインで設定したトゥイーンは適用されなくなります。
トゥイーンを設定する
Movieインスタンス、またはBitmapClipインスタンスにTweenを設定することが出来ます。 下記はサンプルになります。
//Movieのtweenを生成
var tween = <Movieインスタンス>.addTween()
//x:100の位置に30フレームかけて移動する
tween.to({x:100},30)
//トゥイーンを開始する
tween.start();
addTween()を使用するとtweenインスタンスが返ってきます。
また、メソッドチェーンが使えるので下記のように書いても問題ありません。
//tween メソッドチェーン指定
var tween = <Movieインスタンス>.addTween()
.to({x:100},30)
.start();
