Search
Ad
|
新規
下位
一覧
検索
最新
ヘルプ
ページへ戻る
編集
複製
履歴
添付
印刷
Starlingでアニメーション
をテンプレートにして作成
xpwiki
:Starlingでアニメーション をテンプレートにして作成
開始行:
*基本
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);
ページ名:
ぺージ情報
ぺージ名 :
Starlingでアニメーション
ページ別名 :
未設定
ページ作成 :
njf
閲覧可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
編集可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
Counter: 0, today: 0, yesterday: 0
MenuBar
20
最新の0件
広告
ログイン
ユーザー名:
パスワード:
パスワード紛失
新規
下位
一覧
検索
最新
ヘルプ
ページへ戻る
編集
複製
履歴
添付
印刷
