- 2009-12-31 (木) 18:49
- Flash
普段はいうほどFlashを触ってないので「年末年始は逆にいっぱいFlash触ろう!」的なやつの第1弾です(2弾以降続く保証は全くないです)。
ランダムにテキストがピロピロ?とアニメーションする、よく見るエフェクトをProgression4用のコマンドとして作ってみました。
wonderflに実装例が既にあるのでそれを元に作ろうと思ったのですが、あまり自由度が無い感じでアニメーション自体もイマイチ好みじゃないので別実装しました。
ソース(zip)
・DoTextAnimation.as
※別途BetweenAS3ライブラリが必要です。
以下、サンプルと使用例のasです。
package {
import jp.progression.commands.lists.LoopList;
import org.libspark.betweenas3.easing.Expo;
import flash.display.MovieClip;
import flash.events.Event;
import flash.text.TextField;
/**
* @author fumix
*/
[SWF(backgroundColor="#FFFFFF", frameRate="30", width="200", height="25")]
public class Sample extends MovieClip {
private var tf : TextField;
public function Sample() {
addEventListener(Event.ADDED_TO_STAGE, _initialize);
}
private function _initialize(event : Event) : void {
tf = new TextField();
tf.x = tf.y = 5;
addChild(tf);
var loop:LoopList = new LoopList();
loop.addCommand(
new DoTextAnimation(tf, "Hello World!!","welcome to www.planet-ape.net!",
{
step: 4,
time: 3,
characters: "0123456789-#",
transition: Expo.easeInOut
}),
new DoTextAnimation(tf, "welcome to www.planet-ape.net!","Hello World!!",
{
step: 4,
time: 3,
delay: 1,
//characters: "0123456789-#",
transition: Expo.easeInOut
})
);
loop.execute();
}
}
}
LoopList内に2つDoTextAnimationを設置してループさせています。
第1引数が対象となるTextField、第2引数が変化前のテキスト、第3引数が変化後のテキストとなり、この3つは必須です。
それ以降のObjectはプロパティ名から何となく分かると思います(ぉ)。
Objectは全くなくても動作します。
元ネタ:labs.hellokeita.com » TextAnimation
ゼロから実装できるほどas得意じゃないんで、元ネタ有りです。
はい、もうTextAnimationの元祖的な感じです。
元ネタはtransition自体も自力実装だったのですが・・・すいません、BetweenAS3使ってます。
自分で言うのもなんですが、なかなか良さげなコマンドができました。
初めてまともに使えそうなコマンドになったなあ、と。
- Newer: Voronoi Face
- Older: 超速ボロノイ図 (Fortune’s algorithm)
Comments:0
Trackbacks:1
- Trackback URL for this entry
- http://www.planet-ape.net/blog/archives/862/trackback
- Listed below are links to weblogs that reference
- DoTextAnimationコマンド(Progrssion4用)を作りました from planet-ape|blog
- pingback from yugop先生のアレを作ってみました - nulldesign 10-01-01 (金) 1:40
-
[...] ステストを兼ねて、Yugop先生のテキストがランダムに変化して戻るアレを作ってみました。@fumix氏に数時間差で遅れを取ってしまったのは内緒。テスト自体はこのあと行うのですが、何 [...]
