« 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万円を越える案件もあります。
随時募集中ですので、是非ご参加ください♪

I really like your writing style, excellent info, thank you for putting up

I really like your writing style, excellent info, thank you for putting up

  • Joseph
  • 2016年12月06日 19:03

I like what you guys tend to be up too. Such clever work and coverage! Keep up the very good works guys I've incorporated you guys to my personal blogroll.

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人以上でかつ現在活躍中の方々ばかりなんでミーハー的な読み方もありかも。