メイン | 2006年12月 »

2006年11月 アーカイブ

2006年11月07日

おとがい

おとがいさんのサイト

単純な操作で楽しめるたくさんのコンテンツがあります。
マウスクリックを使わずに楽しめるものとクリックで楽しむものとがあります。
サンプルとしては非常に紹介しやすいサイトです。

基本的にはシモネタ・タブー系のコンテンツ。好き嫌いあるでしょう。

www.otogai.com

Higo Yoshiyuki

HigoさんのProcessingを使ったサイトがよいです。Flashと違うんですが、
同じようなことができるので、動きのサンプルとしては参考になります。

あ、もちろんFlash使ったものもあります。
storybookreaderはよく使います。自分で作ってもいいんですけど面倒だから。
なかなかよく出来ています。
XMLの勉強になります。

www.higopage.com

Marumushi

MARCOS WESKAMPのサイト。

Processingのサイトなのですが、よく出来ているので、授業でよく紹介します。
Flashでもある程度同じようなことはできるので。
しかしそのままは無理だろうな。重くて動かんだろう。

marumushi.com

A Pencil Odyssey

アリのゲーム。
アイテムを置きながら、自分のアリをゴールまで導く。
途中障害をどう乗り切るかがポイント。
シンプルながら結構はまる。
アクションゲームですが、動きが遅いので誰でも楽しめるところがよい。
アリをモチーフにしているのが正解なんでしょうね。

A Pencil Odyssey

ジョン前

言わずと知れたジョン前田のサイト。
Flashじゃないけどインタラクティブなデザインの宝庫。
過去の作品が再生できなくなりつつあるのが悲しい。
TheReactiveSqureとか12o'clockとかあったよね。
CDとかFloppyとか困るよね。

実はFlash復刻版を密かに作っているんですけど公開はしないよ。

John Maeda

時計(デジタル)

Flashを使った時計です。

月間アンモナイト

時計(デジタル)

この前の時計と同じ作者みたいです。

reyhori

時計(中村勇吾)

中村勇吾さんが作った手書きの数字を使った時計。
うーん、座布団一枚って感じ。

これは時間無いと作る気しないな。

ハンドクロック

時計(目盛)

目盛を利用した時計。
目盛を2006年以降用意していないのか、年だけバグっている。
ジリジリ分や時が動くところがよい。

time..insertmonkey.com

時計(目盛)

目盛を動かす時計。
前のはデザイン的にすっきりしたもので、こちらは少し有機的な感じ。

www.illgraphs.com

時計(インタラクティブ)

雑誌mdnのFlashのサンプル。
各ポイントをマウスで動かすことができ、変わった軌跡が描ける。
サンプルにしては高度でよく出来ている。

mdn

アルバム(写真家山口勉)

写真家の山口勉さんの写真を紹介するサイト。
スライドショウや移動のときのエフェクトなど、Flashのお手本みたいなサイト。

www.aaaapictures.com

2006年11月08日

sodaplay

言わずと知れたsodaplayです。Javaですけどね。
良く出来てるよね。
単純なアルゴリズムの組み合わせなので、
どちらかといえば数式が美しいから楽しめるんだろうと思う。

www.sodaplay.com

LivePlasma music, movies

音楽系のDBインターフェイス。
アーティストを検索すると、そのアーティストを取り巻く人やムービーなどが表示され、
視点や知識などを広げることができるらしい。

www.liveplasma.com

music-map

これも音楽系DBインターフェイス。

Flashを使っていなけど同じようなことをしています。
こちらはアーティストのつながりを表示しています。

www.music-map.com

TripperMap

画像とマップのDBサイト。

誰もが一度はやろうとするだろうというサイト。
旅の写真を貼り付けて楽しむ。
flicker mapの方は、画像を使ったSNSに近い感じ。
googlemapバージョンもある。

www.trippermap.com

universcale

ものさしをテーマに、大きなものから小さいものまで順に楽しめる
インタラクティブな学習系コンテンツ。
デザインの課題にありそうな感じ。

株式会社ニコンの中

amaztype

中村勇吾さんと北村さんが作ったamazonの本の検索を元に
本の表紙画像でタイポグラフィを実現し、気になる表紙をクリックすると
ちゃんとamazonのページに飛ぶように出来ている優れもの。

アイデアでは出るけど自分で作ろうとは思わないよな。
それを実現するのはすごいぞ。

amaztype.tha.jp

あまりこういうのは取り上げないんですけど、良く出来ているので紹介。
昔懐かしいインタラクティブなCD-ROMっぽいコンテンツ。
城をテーマに話が進んでいきます。
途中で終われない、難易度も程ほどなところがよい。

www.usaginoshippo.com

トイレットペーパーインターフェイス

トイレットペーパーをモチーフにしたインターフェイス。
それだけなんだけどね。微妙に動くところがよい。
毎日コミュニケーションのFlashのサンプル集の一つ

毎日コミュニケーション

ハーマンミラーの年表

ハーマンミラーの年表。
一つ一つの動作がよい。年表としてもわかりやすい。
さすがハーマンミラーって感じ。

いつか授業の課題で年表をやろうと思っているんですけど、
要素が多いので、1回でやろうとすると難しいな。

hermanmiller.com

tinygrow

ゲームなんだけど独特の雰囲気とルール。
基本的にクリックで木の枝を作っていくんだけど、
いろいろな仕掛けがあって、なかなか楽しめる。

tinygrow

Media Map

ム○ビの子が作ったメディアの年表。
円形のデザインがなかなか良く出来ている。
インタラクティブといってもムービーなんですけどね。

メディアマップ

Flow

水中の微生物っぽい生き物のゲーム。
とにかく良く出来ている。

青と赤のえさを食べると深度が変わり、強敵が現れるので逃げる。

かなりはまるので要注意。

flow

タイポグラフィで顔の絵

音楽に合わせてタイポグラフィの顔の絵を作るムービー。
単純なんですけど、良く出来ています。

夜光虫

昔NirvanaEngineって祝田さんが作ったCD-ROMがありましたが、
それのWeb版ですね。
パーティクルで遊びます。クリックでどんどん変わるので楽しめます。

夜光虫

意味字

夜光虫と同じ作者です。
いわゆるモーショングラフィックスで、意味と文字の動きがリンクしています。

意味字

retrievr

絵を描いて、その絵とマッチする画像リストを作ってくれるサイト。
絵の色の具合と形で判定しているようです。
アルゴリズムを考えさせられます。

retrievr

錯視

錯視のシミュレーション。

Lightness Perception and Lightness Illusions

シライカズトシ

Flashのインタラクティブコンテンツがたくさんあるサイト。
それぞれ単純なものが多い、シンプルイズベスト。
物理シュミレーション的なものが多いね。

www.kazsh.com

2006年11月09日

原美術館

AXIS組の作った原美術館のサイト。
XMLのアップデートでサイトを管理できるようになっています。
ユーザに優しくなりましたよね。
もちろんインターフェイスとしてもデザイン性があり面白いです。
宮崎さん的には奈良さんの部屋に力を入れたそうな。
確かに映像とのつながりが面白いですね。

原美術館

錯視

Flashじゃないけど、すげ~~。
動いてないのに動いたり、立体視じゃないのに立体だ。

北岡明佳の錯視

2006年11月22日

tokyoplastic

イギリスの2人組みが制作したサイト。
インタラクティブじゃないんだけど、アニメーションの完成度が高い。
進行が遅くて間が空くのが気になってついついクリックしてしまうが、
アニメーション自体は新鮮味があって面白い。
キャラクタは、まるで村上○似だけど、某代理店とか企業とかが売り出しそうな感じ。

www.tokyoplastic.com

Uniqlo

Uniqloのサイトがリニュアルしてた。
Uniqlo Explorerというのがあって、中村勇吾さんらが制作してるんだね。
うーん、良く出来すぎです。
しばらくするとなくなっちゃうなかな?それだともったいないな~。

www.uniqlo.com

About 2006年11月

2006年11月にブログ「Flash」に投稿されたすべてのエントリーです。過去のものから新しいものへ順番に並んでいます。

次のアーカイブは2006年12月です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。