Starlingでアニメーション をテンプレートにして作成 :: NJF Wiki

開始行:
*基本 Starlingの基本機能だけで軽量で簡単にアニメーションがつく... たとえばフェードインして少し待って平行移動して縮小すると... また、Tween関係の一般的なライブラリ全般に言えるが、基本的... よって、Starlingの機能のみのアニメーションの使いどころは... たとえば、一番よく使うアニメーションの一つ、フェイドイン... var img:Image = new Image(assets.getTexture(IMG_NAME)); img.alpha = 0; addChild(img); var tween:Tween = new Tween(img, 0.2); tween.fadeTo(1); Starling.current.juggler.add(tween); フェイドインしながら同時に大きさを変えたい場合は tween.scaleTo(2); を加える。 TweenのonCompleteプロパティに終了時の処理を入れることが出... tween.onComplete = function():void { //end }; nextTweenプロパティに次のtweenを入れて、連続して再生する... tween.nextTween = tween2 しかし、結局tweenの初期化を別にしなければならないので、on... Tweenの初期化で第三引数にイージングを指定することも出来る。 var tween:Tween = new Tween(img, 0.2, Transitions.EASE_I... Tweenインスタンスを再利用することも出来る。 tween.reset(img, 0.2, Transitions.EASE_IN); 他にもいろいろな機能があり手軽に使えるは良いが、複雑な物... 速度については一般のTweenライブラリでは独立にタイマーなど... 参考： http://cuaoar.jp/2011/12/tween-starling.html http://wiki.starling-framework.org/manual/animation *例 フェードイン・アウトの繰り返し var image:Image = new Image(yourTexture); var tween:Tween=new Tween(image,0.2); private function onComplete():void { tween.reset(image, 0.2); tween.fadeTo(1 - image.alpha); tween.onComplete = onComplete; Starling.current.juggler.add(tween); } 使うときは onComplete(); とすると、アニメーションが終わるたびにimageのアルファが0... 止めるときは Starling.current.juggler.remove(tween);

終了行:
*基本 Starlingの基本機能だけで軽量で簡単にアニメーションがつく... たとえばフェードインして少し待って平行移動して縮小すると... また、Tween関係の一般的なライブラリ全般に言えるが、基本的... よって、Starlingの機能のみのアニメーションの使いどころは... たとえば、一番よく使うアニメーションの一つ、フェイドイン... var img:Image = new Image(assets.getTexture(IMG_NAME)); img.alpha = 0; addChild(img); var tween:Tween = new Tween(img, 0.2); tween.fadeTo(1); Starling.current.juggler.add(tween); フェイドインしながら同時に大きさを変えたい場合は tween.scaleTo(2); を加える。 TweenのonCompleteプロパティに終了時の処理を入れることが出... tween.onComplete = function():void { //end }; nextTweenプロパティに次のtweenを入れて、連続して再生する... tween.nextTween = tween2 しかし、結局tweenの初期化を別にしなければならないので、on... Tweenの初期化で第三引数にイージングを指定することも出来る。 var tween:Tween = new Tween(img, 0.2, Transitions.EASE_I... Tweenインスタンスを再利用することも出来る。 tween.reset(img, 0.2, Transitions.EASE_IN); 他にもいろいろな機能があり手軽に使えるは良いが、複雑な物... 速度については一般のTweenライブラリでは独立にタイマーなど... 参考： http://cuaoar.jp/2011/12/tween-starling.html http://wiki.starling-framework.org/manual/animation *例 フェードイン・アウトの繰り返し var image:Image = new Image(yourTexture); var tween:Tween=new Tween(image,0.2); private function onComplete():void { tween.reset(image, 0.2); tween.fadeTo(1 - image.alpha); tween.onComplete = onComplete; Starling.current.juggler.add(tween); } 使うときは onComplete(); とすると、アニメーションが終わるたびにimageのアルファが0... 止めるときは Starling.current.juggler.remove(tween);

ページ名: