home > Tween

AS3 : テキストを一文字ずつ表示

July 05, 2011

Tweenerで簡単にテキストを一文字ずつ表示できるみたいなのでメモ。

package {
 import flash.display.Sprite;
 import caurina.transitions.Tweener;
 import caurina.transitions.properties.TextShortcuts;
 
 TextShortcuts.init(); //テキストショートカットを初期化
 
 public class Main extends Sprite {
  public function Main() {
   var sample_text:String = "Tweenerで簡単にテキストを一文字ずつ表示";
   //2秒間
   Tweener.addTween(text_field, {time:2, _text:sample_text, transition:"linear"});
  }
 }
}

こりゃあ簡単だ。

参考サイトはこちら
http://www.almondlab.jp/notes/432


Permalink | Comments (0)

Tweenアニメーションの種類

March 21, 2007

あまり僕はTweenは使わなかったほうなのですが、最近のサンプルはこればっかり使ってるじゃないですか。さすがに勉強しないとまずい感じになってきました。

クラスTweenのease種類ですが、これが結構あるんですね。
Animation Types

参考例
Fuse Kitfuse2.1.3をダウンロードして、ルートにmyMCという名前のMCを作って、さらにその中にobj1、obj2という名のMCをつくる。そして、obj1の_yを3にeaseInOutExpoして、その後にobj2の_alphaをeaseInOutExpoする。

import com.mosesSupposes.fuse.*;
ZigoEngine.simpleSetup(Shortcuts, PennerEasing, Fuse, FuseFMP);
var fuse:Fuse = new Fuse();
fuse.push([
{target: myMC.obj1, _y: 3, seconds: 1, ease: "easeInOutExpo"},
{target: myMC.obj2, _alpha: 100, seconds: 1.5,
 ease: "easeInOutExpo"}
]);
fuse.start();

target(ターゲット)を設定する。ここで使える変数は、_alpha,_x,_y,brightOffset(ホワイトアウト)、seconds、ease等があります。

【追記】
ブラー効果 start_Blur_blur: 50, 〜 Blur_blur: 0, X軸のみ:Blur_blurX  y軸のみ:Blur_blurY
明度 start_brightOffset: 100, 〜 brightOffset: 0,

詳しくは
http://txton.net/hoehoe/2007/071006015530.html
に載ってます。


【追記】
ただし、Fuseは多用するとかなりPCに負担をかけているようです。動きが遅くなったりします。出来るだけ使用回数を少なくしたほうがいいです。重ねたりするのはもっとダメ。気をつけましょう。


Permalink | Comments (0)