テキストトランジション用のクラスを作ってみた

この前 作成したクラスをもう少し汎用化してテキストトランジション用に拡張してみた。

基本的な使い方

import flash.text.*;
import org.libspark.betweenas3.BetweenAS3;
import org.libspark.betweenas3.easing.*;
import org.libspark.betweenas3.tweens.IObjectTween;
import com.nondelion.text.SequentialText;

var txt:TextField = new TextField();
txt.text = "nondelion.com..."; // 文字列
txt.autoSize = TextFieldAutoSize.LEFT;
addChild( txt );

// テキスト設定済みのTextFieldと再生時間を指定
var st:SequentialText = new SequentialText(txt, 1.0);
var t1:IObjectTween = BetweenAS3.tween( st, {position: st.totalTime}, {position: 0}, st.totalTime, Linear.easeNone );
t1.play();

ランダム表示

指定文字数分のランダムな文字を先頭に追加。

var seeds:String = "ABCDEFGHIJKLMNOPQRSTUVWXYZ=-[]{}<>@:;,.%!?+*/"; // もと
var st:SequentialText = new SequentialText(txt, 1.0, 0, seeds, 10);
var t1:IObjectTween = BetweenAS3.tween( st, {position: st.totalTime}, {position: 0}, st.totalTime, Linear.easeNone );
t1.play();

1文字単位の表示速度の指定

var st:SequentialText = new SequentialText(txt);
st.speed = 0.005;
var t1:IObjectTween = BetweenAS3.tween( st, {position: st.totalTime}, {position: 0}, st.totalTime, Linear.easeNone );
t1.play();

複数行テキストの並列トランジション

var st:SequentialText = new SequentialText(txt, 1.0);
st.multiline = true;
var t1:IObjectTween = BetweenAS3.tween( st, {position: st.totalTime}, {position: 0}, st.totalTime, Linear.easeNone );
t1.play();

複数行テキストのdelay設定

delayさせる文字数を指定する。

var st:SequentialText = new SequentialText(txt, 1.0);
st.multiline = true;
st.multilineDelay = 10;
var t1:IObjectTween = BetweenAS3.tween( st, {position: st.totalTime}, {position: 0}, st.totalTime, Linear.easeNone );
t1.play();

行ごとにdelayを設定

delayさせる文字数を指定する。

var ary:Array = new Array(40);
for(var i:int=0; i<40; i++) {
	ary[i] = Math.floor(Math.random()*100);
}

var st:SequentialText = new SequentialText(txt, 1.0);
st.multiline = true;
st.multilineDelays = ary;
var t1:IObjectTween = BetweenAS3.tween( st, {position: st.totalTime}, {position: 0}, st.totalTime, Linear.easeNone );
t1.play();

サンプル

ダウンロード

サンプルの flaファイル、ソースコードです。
※BetweenAS3 は同梱していませんので、Spark Project からダウンロード後 sample/classes/ フォルダに放り込んでパブリッシュしてください。

• download （サンプルの flaファイル、ソースコード含む）