Home > website > BEYES Watch the world | RECOMMEND 60 BEYES EDIT STORE

BEYES Watch the world | RECOMMEND 60 BEYES EDIT STORE

watchtheworld.jpg

BEYES Watch the world」ということで、世界各国の時計を紹介しまくるサイト。

制作は、むらけん様と& Metamosphere の Yu-ki 様

BOX2DAS3Box2DFlashAS3(時計のボックスが降ってくるとこ) とか Papervision3D(地図がパタパタめくれるとこ) とか、最新のテクニックを使いまくったりされているのだけど、これ見よがし感は全然なくて、「気持ちいいから使った」って感じがすごく素敵ですね。

サイトを見るユーザー側(特に Flash 関係者w)も、「物理エンジンすげー!」とかではなく、なんかこういう「納得できるモノの落ち方&積もり方」って人間の生理的に気持ちいいよなーって思えるのではないでしょうか?

ユーザーに眺めさせる工夫とか

1秒ごとにボックスがランダムで降ってくるのですが、たまに5段目ぐらいまで積もるんですよね~。これが嬉しい。6段目までを期待したり、崩れてしまうのを悔しがったりと、口には出さないまでもいろんな気持ちにさせてくれます。機能としてはサムネイルメニューのくせに、ユーザーに何か「偶然」や「奇跡(中村勇吾さんも以前書かれてましたがエントリ消えてて詳細不明)」を期待させるという素敵な仕掛け。ついつい長時間眺めてしまいます。

隙間と隙間に斜めに積もったり、転げ落ちたり、ボックスが転がりすぎて画面外に出てしまったりするのだけど、そういうアクシデント的なイベントも好意的に見れますよね。というのはきっと物理エンジンを使うことで、人間が予測できる物理法則・秩序にのっとっているおかげだと思います。これが意味不明な動きだったらストレスだけど、納得がいく偶然性は気持ちがいいと思う。(←おお、なんか難しそうなことを言ってるw)

以上のような仕掛けがプログラミングによるランダム性で生み出されているあたりにワクワクした人は Flash を始めればいいのではないでしょうか。

ボックスが一定数積もったら、下のボックスから消えていくという見せ方は、積もったボックスを崩して画面に変化を起こすためでもあるのだろうけど、
「メニューなのに消えていくってw→失ったものは取り戻せない→時は金なり→時計!そういうことか!!」
という、ユーザーの勝手な解釈を招けそうなのも良いと思いました。(関連:CBCNET : ブロガー独自の切り口で語れる

僕の Flash サイトの見方

最近は、製作者ご本人とお知り合いになれるケースが増えて、以前にも増して Flash サイトを好意的&じっくり見るようになってきました。そういうバイアスのかかり方(「あの人が作ったんだからまだ何か仕掛けてるはず!」と思って探ることがある)はどうかとも思ってましたが、別に悪いことじゃないよねと開き直ってきました。でも一応いちユーザー目線を忘れないように努力はしているつもりです。

Flash サイト否定派のユーザーさんのコメントも当然見るし、うなづくこともあるけれども、僕は Flash 好きな上に、Flash 製作者の皆さんの人柄(Webが好きで、気持ちいいインターフェース追求してて、ユーザーのこと考えてて、勉強しまくってて・・・)まで拝見してしまったので、もう戻れないです(笑)

まとめ

物理エンジンは、現実世界の物理法則をシミュレートすることでユーザーに秩序ある世界を提供し、動きに対して安心させるために使う。何でもできるモニタ上だからこそ、拠り所となる秩序が有効な場合がある。

ということで、再来週あたりから Box2DFlashAS3 のテクスチャの貼り方ぐらいから勉強しよう。そうしよう。

Comment:4

むらけん 2008-01-25 (金) 03:07

わざわざエントリーまで書いていただきありがとうございます!
精進します!

tera 2008-01-25 (金) 03:20

>むらけんさん
遅くまでお疲れ様です!
そして僕も疲れています!
これを精進と言わずなんと言おうw

コリン会ではほんとにお世話になりましたー。
むらけんさんを真似てデュアルディスプレイでFlashとFlashDevelop両開き環境にしました。快適です!
今後ともよろしくお願いいたします。

she-wold 2008-01-28 (月) 20:09

はじめまして。
いつもこっそり読んで勉強させていただいてるものですが、紹介されてたサイトを拝見して、自分がなんでFLASHを始めたかってことを思い出させてくれました。

ほんとずっと眺めてても飽きないですね。
>納得がいく偶然性は気持ちがいいと思う
これにすごく賛同します。

いやはや ありがとうございました

tera 2008-01-28 (月) 20:20

>she-wold様
はじめまして。コメントありがとうございます。

>いつもこっそり読んで勉強させていただいてる
特にアダルトなコンテンツは掲載していませんので、たぶん堂々と見ていただいても大丈夫だと思いますw

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

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Remember personal info

Trackback:0

TrackBack URL for this entry
http://www.trick7.com/blog/mt-tb.cgi/673
Listed below are links to weblogs that reference
BEYES Watch the world | RECOMMEND 60 BEYES EDIT STORE from trick7.com blog

Home > website > BEYES Watch the world | RECOMMEND 60 BEYES EDIT STORE

持っている Flash & ActionScript 関連本の中から、自分的おすすめの読む順番をご紹介。各書籍のレビューは books カテゴリからご覧頂けます。
この順番でどう?(AS3.0)
  • Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)
    Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

    デザイン方面からFlashデビューして、そのままAS2.0を使うようになった人が、難しいと評判のAS3デビューする時の最初の1冊として、とにかく目を通しておくと良いかと思います。プログラミング経験の少ない方でも、サンプルをじっくり読めば、ゼロからのAS3デビュー可。
  • ActionScript 3.0 アニメーション
    ActionScript 3.0 アニメーション
    洋書「Making Things Move!」の日本語訳本。ActionScript3.0で数学的アニメーションを作ることがメインテーマなのですが、前半部分でAS3.0の基礎を分かり易く解説されています。後半の重力, IK, 3D表現等のアニメーション解説も楽しい。僕はこれのAS2.0洋書版を読んでFlashの面白さに気付きました。
  • Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
    Adobe Flash CS3 詳細! ActionScript3.0入門ノート2 (CD-ROM付)
    この次の辞典のような洋書を読む前の事前知識としてこの本の内容を理解しておくといいかも。
  • Essential ActionScript 3.0 (Essential)
    Essential ActionScript 3.0 (Essential)

    900ページ以上ある相当分厚い本。基礎からOOPまでを解説。ほぼ網羅しているので、これを抑えておけばAS3博士になれそう。
  • Actionscript 3.0 Cookbook
    Actionscript 3.0 Cookbook

    ActionScript3.0のリファレンス本。問題とその解決法が1ページぐらいで細分化されているので空いた時間にちょっとずつ読み進められる。WebでAS3のソースを見て勉強する時の字引としても使う。ただ、時期的に初期の本なので、AS3自体が仕様変更してたりするので正誤表は必読。
  • Object-Oriented Actionscript 3.0
    Object-Oriented Actionscript 3.0

    7/23に発売されたFlash&OOP本。AS2.0版は持っているのだけど、オブジェクト指向の初歩的な解説から入って、後半は僕の理解を超える難度になっていきました。今度こそ理解できるか?
この順番でどう?(AS2.0)
  • Foundation Actionscript Animation: Making Things Move (Foundation)
    Foundation Actionscript Animation: Making Things Move (Foundation)

    スクリプトでアニメーションさせる方法を学べる。プログラムの知識というよりも数学や物理の知識が必要。バネの表現や3D表現など、汎用性の高いテクニックを身に付けられ、個人の表現力をレベルアップするのに最適。参考までに、僕が調べた英単語リスト。2007年4月に、AS3対応版も発売されました。
  • ゲーム開発のための数学・物理学入門 Beginning Math and Physics for Game Programmers
    ゲーム開発のための数学・物理学入門  Beginning Math and Physics for Game Programmers

    「Making Things Move!」の世界を突き詰めたい人用のステップアップのための本。行列や物理運動、2D/3D表現。Flashの本ではなく、じっくり読むタイプの本なので、あとまわしにしてもいいかも。
  • Flash 8 Essentials
    Flash 8 Essentials

    Flash8の新機能を紹介。全10章が独立した構成で、興味のある部分から読めます。フィルタやビットマップ、ビデオの使い方とかを、基礎から順を追って理解していけるので、ゼロからスクリプティングできるようになる。僕はビットマップ関連の作業の際のリファレンスとして常用しています。
  • .fla―Idea of Flash Creation
    .fla―Idea of Flash Creation

    上の本でFlash8の基本を身に付けて、それをどう面白い表現に落とし込むかを学べます。深津さんの、試行錯誤・実験しやすいスクリプティング、クラス設計に凄さを感じました。YouTubeやFlickrのAPI、PHPとの連携記事も。
  • FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]
    FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]

    ここまでで表現力が付き、テンションが上がるので、その勢いで難解なオブジェクト指向に挑戦。プログラム経験のない人がいきなり英語のOOP本を読むのは厳しい。この本で継承とかインターフェースとかポリモーフィズムとかの用語を理解しておくといいかも。
  • オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
    オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―

    Flashの本ではありませんが、OOPの概念を気軽に読めるボリュームで解説してくれます。英語と日本語のOOP用語の対応を図るためにも「Object-oriented Actionscript for Flash 8」と併読するのがおすすめ。なんとなく読んでおくだけでも結構違うのでは。
  • Object-oriented Actionscript for Flash 8
    Object-oriented Actionscript for Flash 8

    前半はOOPの利便性や基本の紹介。デザインパターンやMVCの理解。13章からグッと難しくなって大変。Flash8対応。
  • Essential Actionscript 2.0
    Essential Actionscript 2.0

    上の本よりもさらにOOPプログラマ向け。同じOOP本ということでやや重複しており、こちらはMX2004時代の本なので見送ってもいいかも。分かりやすい英語で良著。この本のAS3版が出たら間違いなく買い。

Page Top