U⁄A LABO

RSS

SEARCH

AUTHOR

  • KNOCKKNOCK (9件)小遣い2万円のフラッシュデベロッパー。
    帰りが遅いのにキレる嫁をだましだまし制作中・・・。

  • TAKAIW (13件)フラッシュデベロッパー。遊びでゲームを作るのも好きです。外見に似合わないイラストを描くのも好きです。とにかく作るのが好きです。

  • CHIKATHREESIX (7件)メタル界のフラッシュデベロッパー。またある時はメタルギタリスト。オーサリング中もヘッドバンギングは絶やさない。

  • YANBOU (6件)犬と猫で、家が毎日運動会のフラッシュデベロッパー。
    ビールから発泡酒へ変更で節約中。

  • AKUZE (2件)2003年からユナイティアに寄生しているフラッシュデベロッパー。
    シルクドソレイユとカナダが好き。

  • DECO-DEKAI (1件)ビートダウンパートでご飯何杯も食べられます。
    ハードコア・テクニカルディレクターを目指して日々精進。

CATEGORY

HOME  >  ビットマップのテキストを文字ごとに分割してトランジションをかける

2009.10.28 KNOCKKNOCK

ビットマップのテキストを文字ごとに分割してトランジションをかける

こんにちはKnockKnockです。
今回はいつもの自動化とは違う内容です。

よく文字ごとにトランジョンかけたいときにめんどくさい思いして
一文字ずつ切り出してシンボル化して。
で、修正入ってまた切り出しなおして・・・。
チョーめんどくさいけど、それやると「おぉっ!」ってなるし。
という感じに頭を悩ますことが多いかと思います。
なのでそれを自動でトランジションかけるスクリプト作成しました。

結局自動化なのかなぁ。

サンプルファイルはこちら

20091028image0.jpg

TextInfoクラス:
コンストラクタの引数に分割する対象のDisplayObjectContainerを渡して
initializeすると文字の情報を取得します。

TweenTextクラス:
コンストラクタの引数に分割する対象のDisplayObjectContainerを渡して
initializeすると文字情報を元に、文字ごとにビットマップを作成します。

分割ロジックは対象オブジェクトをビットマップにDrowして
すべてのピクセルのアルファチャンネルを取得して文字の描画してある範囲を取得します。

注意点
※文字が縦横1ピクセル以上離れていないと(アンチエイリアスの部分がかぶっててもダメ)同一の文字として判定されてしまいます。
※横並びの文字のみ対応です。
※今回トランジションにはTweenerを利用しています。
※座標は左上に合わせてください。

肝心のトランジションに関してはTweenTextクラスのstartTweensをオーバーライドして
何かこった演出を加えてください。

という感じです。次回にこれを利用したいろいろなトランジションを紹介しようと思います。

よろしくお願いします。

CATEGORY