Flashの最近のブログ記事

O'reillyの『Flash Hacks』に紹介されているHACK #2を応用してちょっとしたコンテンツを作ってみた。
「RANDOM」「FACE1」「FACE2」の３つのボタンがある。
ステージ上には２×２ピクセルのドットがランダムに散乱している。「FACE1」「FACE2」のボタンをクリックするとそれらのドットが徘徊して、ある人物の顔を描いていく。誰の顔かわかる？
ドットが粗い上に、２階調なのでちょっとわかりづらいかも。一人は女優。一人は政治家。
「RANDOM」をクリックすると、ドットが再びランダムに散らばる。

プログラムは超シンプル。ボタンハンドラを除けば空行やコメント行を含めても80ステップに満たない。
swfファイルサイズも8kByteをわずかに超える程度だ。

まずステージ上に、ドットオブジェクト(インスタンス)を2400個生成する。Flash上ではオブジェクトが2500個を超えると急激にパフォーマンスが落ちるらしく、少し余裕を見て2400個とした。
で、ボタンをクリックする度に各ドットオブジェクトに目的地を設定してあげて、ドットのEnterFrameハンドラに、目的地へ移動するメソッドを設定してあげるだけ。このメソッドはHACK本のものをそのまま使った。

絵を描くような目的地をいかにして割り出すかというところがこのHACKのミソなわけだが、けっこう力技。HitTestを使って地道に上からドットを舐めていく。

ActionScript(Macromedia Flash)は、オブジェクト指向を学ぶのに最適なツールだと思う。
オブジェクトがそのまま目に見える物体になる。メソッドはその挙動になる。アトリビュートを変更すればオブジェクトの位置や態様の変化が目に見える。これほど直感的に学べるツールはない。
JavaScriptとかだと、ブラウザ互換だとか本来のプログラミングと関係ない余計な気を遣わないといけないがFlashはプラットフォームが(一応)統一されているので、余計な気遣いも少ない。

オープンソース系の人にはどちらかというと不人気なFlashだが、少しでも興味を持ってくれる人が増えるとよいなー。今後も折を見てFlash演習モノエントリー続けていきます。

Flash Hacks―プロが教えるテクニック&ツール100選
	シャム バンガル Sham Bhangal クイープ オライリージャパン 2005-07 売り上げランキング : 5,395 おすすめ平均 他にはないテクニック満載 Amazonで詳しく見る by G-Tools

かんべえ氏の6月16日付け日記で紹介されていた、20年前の日航機墜落事故Flashを見て凍り付いてしまった。

このFlashはかなり有名なものらしく、pha!では既に殿堂入りしていた様なのだが恥ずかしながら自分は知らなかった。

既に多くの人がこのFlashを目にしただろう。しかし、それ以上に多くの人がまだこのFlashを知らないだろう。これは一人でも多くの人に語り継ぐべき作品である。

このFlashの作者に最大限の「リスペクト」を贈りたい。通常、Flashの作者はどうしても自分の主張を盛り込んだり、演出に懲りすぎたりしてしまう。しかし、この作品は過剰な演出や作者の主張を一切排し、ボイスレコーダの音声(＋テキスト)、飛行経路のトレースだけをひたすら淡々と続けたものだ。その作りこみは非常に丁寧で、作者の想いが伝わってくる。しかも12分近い大作、フレームレート12fpsとすると、全部で8000フレームを越す計算になる。

これほど史料価値の高いFlash作品はなかなか無いだろう。

余計な演出が無い分、かえってその臨場感に圧倒されてしまう。バックグラウンドに流れ続けるＮＴＴの時報と地面が近づくときの警告アナウンス、その無感情な響きがかえって切なさを倍加させる。
先日の列車事故にしてもそうだが、こういった大惨事も人は時と共に忘れてしまいがちだ。それ故、こういう作品の価値は計り知れない。

必見のFlashはこちら。
[2005/8/14追記]
いつのまにかデッドリンクになっていたようなので、はてなブックマークで見つけた新しいリンク先に変更しました。
念のため、旧URLは
http://mito.cool.ne.jp/detestation/123.html
でした。
※バナー広告の為に最下部が隠れてしまいます。一番下までスクロールさせて見てください。

参考として、この大惨事のまとめ記事。

団塊の世代一代記＜日航ジャンボ機（ＪＡＬ１２３便）墜落事故＞

Flashの背景透明化テストです。意外と簡単かも。
新興宗教の教祖様にご登場願ってみました。うまくポストできるでしょうか。教祖様は画面上をドラッグできます。いえ、深い意味はありません。ちょっとした息抜きも兼ねてｗｗ。(ドラッグできなくなった場合は画面をリロードしてみてください)
[追記]
Flashレイヤーを上に被せたらリンクがクリックできなくなってしまったのでドラッグできる領域はやむなく狭くしました。面白かったのになー。パーマリンクやコメントリンクがクリックできない場合はお手数でも右側の「最近のENTRY」からお入りください。すんません...
[2005/5/8再追記]
透明化テストは成功したので、いろいろと支障のあるレイヤー化は外します。
また、ブログペットやサイドバー用の130*150バージョンも作ってみました。こちらはドラッグできません。背景があまりに殺風景なのでギネアアブラヤシの写真を薄っすらと貼り付けてみました。

こちらはオリジナルの背景無しドラッガブルバージョン

こちらが130*150バージョンです。

直リンクはこちら。
ドラッガブルバージョン(plummet.swf)
130*150バージョン(plummet2.swf)