TileUI

  • 2007-08-06 (月) 9:02
  • flash

以前に WebUI のサンプルとして操作キャプチャ動画が公開されていた「TileUI」。後日 AIR アプリとしてのデモビデオを見て、これはスゴイなとチェックしていました。

今回、その TileUI の作者が、開発にかけた12日の様子を公開。どういうステップを経て、どんな機能を実装していったのかがよくわかります。

Flex/AS3 環境で開発されているそうで、APE(Actionscript Physics Engine)関連ブクマ)という AS3 用の物理エンジンを使って、ステージ上での投げる&ぶつける表現を実装。3Dライブラリ Papervision3D関連ブクマ)を使って立体的に。その後、画像を張り込む作業、それを flickr 画像に置き換える作業、グループ化して積み上げる表現、積み上げた状態からツイストさせたり、グリッドに並べたりする機能を加えていってます。

公開されている実働 swf で、実際に体験できるのですが、タイル選択はステージ上でマウス長押しで選択モードになるので、それで囲みます。積み上げた状態でダブルクリックするとメニューが出るので、そのメニューを、クリックではなく、メニュー上でマウスダウン&ドラッグで、ツイストさせたりグリッドに整列させるという操作になります。(以前気付けなかったw)

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2007/08/06-090224.php/trackback
Listed below are links to weblogs that reference
TileUI 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