Tweenerクラスのバージョンアップにより、前に書いた記事『Tweener.addTweenの使い方』と利用手順が一点変わりました。 また、パラメータを変えたときのTweenの変化がわかるようなswfを作りました。 手順 １.import Tweenerクラスをimportします。 import caurina.transitions.Tweener; ２.addTweenメソッド呼び出し 次のように記述するとmyMcがx:50、y:50に向かって透明になりながら移動します。transitionはイージングの指定です。 Tweener.addTween(myMc, {x:50, y:50, alpha:0.2, transition:"easeinoutquad"}); 次のswfではaddTweenメソッドのパラメータを操作して動きの確認ができます。 バージョンアップ （2
Tweener ムービークリップはじめ、色々なものを楽にトゥイーンさせるためのライブラリ。 URL: http://code.google.com/p/tweener/ ライセンス: MITライセンス 30秒で分かるTweener Tweener.addTween(target, {_x:100, _y:200, time:1, transition:"linear"}); targetを、今いる位置から、1秒かけて、座標(100, 200)に、線形(linear)でトゥイーンさせる。 addTweenした瞬間から、自動でトゥイーンが始まる。 サンプル/デモ 終了時イベント onComplete を使う Tweener.addTween(target, {_x:100, _y:200, time:1, transition:"linear", onComplete : function()
今回は、tweener で定義されている transition タイプごとにサンプルを作って、各動作を見比べてみます。 Equations.as で定義されている transition はその計算式によって 10 の型に分かれています。 そして 1 つの型につき、In、Out、InOut、OutIn の 4 種類のイージングがあります。 上記 10 * 4 = 40 のイージングに加えて、イージングなし easenone（ = linear ）があります。 都合、全部で 41 個のトゥイーンパターンがあるわけですね。 で、以下、各トゥイーンごとのサンプル。 領域をクリックするたびに、朱色の正方形が両端を行ったり来たりします （ Tweener.addTween の第2引数は { x:到達値 , time:2 , transition:"××××" } ）。 mx.transitions.e
Flashで始めるActionScript3.0（AS3）入門、オブジェクト指向（OOP）の基礎知識、サンプルコードなど TweenerクラスはGoogle Codeに公開されているクラスです。 addTweenメソッドの使い方をメモ。 （Tweenerクラスがバージョンアップしたため、blog ver.2『Tweener.addTween（ver.1.25.57）の使い方』にエントリーを書き直しました） パッケージに含まれているクラスファイル caurina/transitions/AuxFunctions.as caurina/transitions/Equations.as caurina/transitions/SpecialPropertiesDefault.as caurina/transitions/SpecialPropertyModifier.as cauri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
