« Progression addSceneFromXMLに悩む。 | main | 大阪てら子 18「 Flasherのクリスマス大喜利」で作ったもの »

攻殻機動隊『ぽい』テキストアニメーションを作ってみた。

FLASH勉強

2008年11月13日

今さらな感じですが、攻殻機動隊が熱い。OPに出てくるテキストアニメーションを四苦八苦しながらFLASHで「それっぽく」作ってみた。


ghost-in-the-shell01.jpg

※クリックでスタート

こんな感じでactionscript書きました。

行ごとにTextField配置

表示領域[640*480]が埋まるように行ごとにTextFieldを配置。※10行の場合対、10個のTextFieldを配置。

EnterFrameにてテキスト内容変更

EnterFrameごとにテキスト内容[0~9]をランダムに変更。そして徐々にスペースを埋め込んでいく。※最終的に全てスペースを埋め込む。

テクスチャを作ってマスク

テクスチャとなる画像を用意して文字とマスクする。これでデジタルぽく?見える?かな。。

最終的に表示する文字列を埋め込んでいく

「www.y-tti.com」と表示されてる部分。ここは動けばいい!!っとかなりカオスなコードになった。もっと数学の知識あれば綺麗なコード書けるんだろな。。






今回はFlex Builderに初挑戦なsrc

trackbacks

trackbackURL:

comments

  • filmo
  • 2008年11月13日 16:53

あなたの創った動画で世界を動かしてみませんか?

http://filmo.tv/top/002.html

アニメーションももちろんOKです!

賞金100万円を越える案件もあります。
随時募集中ですので、是非ご参加ください♪

comment form
Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD-ROM付)
クラスで書けるようになった。配列のpushとかspliceとかsliceとかややこしい部分の辞書代わりにも使ってます。XML関係もこれで覚えた。
ActionScript 3.0 アニメーション
vx,Math,cos,sinとか???な数学的な部分をこの本で理解できた気がします。逃げたいジャンルだけどFLASHに必須なジャンルなのよね。。
Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
ActionScript応用への第一歩。ただこれを読む前に入門ノート1を先に読んでおいた方がよさそう。ASの世界が広がった気がする本です。
Flash Creative Workshop
FLASHを始めて右も左も分からない時に救世主となった本。FLASHサイト制作法がなるほど!っと。ActionScriptバリバリの人はスルー。
FLASH OOP for ActionScript 3.0
FLASHの「今の主流」を知ることが出来る本。筆者の方々は総勢10人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。