他人様のサンプルで遊ぶ:レインボー

TeraSalmon.jpg

ネット上でみなさんが公開してくださっているサンプルをいじるだけでも自分の勉強になります。

第12回 大阪てら子 に参加してきました – なぎまぐのblog

をいじって楽しませていただきました。

できたサンプルはこちら。いじった内容としては、

  • オブジェクトがマウスの中心にくるようにして。
  • 置き換えマップを静止画から PerlinNoise によるノイズアニメーションに変更して動的に。

だけでして、PerlinNoise については、「大阪てら子13」で発表してきた内容とかぶるので、解説は後日そっちでやろうと思ってます。

以上、とくに大きく手入れをしたわけではないのですが、他人様(今回はなぎまぐさん)のソースを見ることで:

  • 色相をマトリックス変換できる「gskinner.com: gBlog: ColorMatrix Class in AS3」でできることとできないこと。
  • 全体をスケーリングすることでビットマップ処理の負荷を軽減させる手法。
  • ADDED_TO_STAGE イベントの存在w。ドキュメントクラスとの違い。(これから調べる)
  • みんなのコーディングルールや、ちょっとしたところで使われているおしゃれなコーディング。
  • 他人のコードを FlashDevelop で開いたとき、文字化けしてる時があります。FlashDevelop 上で UTF-8 に文字コード変換しても微妙に治らないことがありますが、これはダウンロードしたコードが「UTF-8N」だったりするのが原因っぽい。こういう時は TeraPad 等 UTF-8N を認識できる別のテキストエディタで開いて UTF-8 保存してから FlashDevelop で開くしかない(ですかね?)

他人のブログを読んだりブックマークしているだけで分かった気になってしまっている内容を見直せるので楽しいですね。

余談:

なんとなく気持ちいいコンテンツは確実にありますね。

今回作ったコンテンツも、ただマウス座標に応じてモヤモヤレインボーという、それ以上でもそれ以下でもないサンプルですが、僕自身ユーザとして、やたらと長時間没入してしまいました。

僕はコンテンツ作る時に、理由というか理屈というか言い訳を考えてしまうタチなのですが、単純だけど気づいたら結構やってたという要素も絶対大事だと再確認しました。Mr.doob の Web カムのサンプルも同様にユーザの頭を空っぽにしてボーっと没入させてしまうコンテンツですね。

まぁ理想は「ストーリーもあって気持ちよさもある」コンテンツだし、それができるのがプロフェッショナルだなということで4月1日の放送が楽しみです。

Comments:2

カヲル 08-04-01 (火) 23:11

[4月1日の放送]
teraさんのおかげで観られました。
モチベーション上がりまくりですね。
PCで録画しようとしたんですが、何故かフリーズしてました。
今日入れたflashDevelopがいけなかったのかな。
でも快適です。
こちらもありがとうございます。

tera 08-04-02 (水) 1:41

>カヲル様
はじめまして。コメントありがとうございます。
僕も見ました。今製作に携わっている人からすれば、とても共感できるお言葉だし、たぶんみんな常日感じていることだと思うのですが、
「いきなりコードで表現する」
ってことができるあたりに越えられない壁を感じました。
「言うは易く、行なうは難し」
凹みました。頑張りますけど。。

今後ともよろしくお願いいたします。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2008/03/26-144158.php/trackback
Listed below are links to weblogs that reference
他人様のサンプルで遊ぶ:レインボー from trick7
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

相互リンク

hi-posiさん
携帯Flashといえばhi-posiの岡田昇三さん。FlashLiteの有益な記事もたくさん書かれていていつもお世話になってます。ついにご挨拶させていただきました。面白すぎる人でしたw。

Return to page top