JSTバーチャル科学館｜life meter　私の時間、めぐる世界

あなたが生まれてから　今まで何回呼吸したでしょう
あなたが生まれてから　今までどのくらい水分を摂取したでしょう
あなたが生まれてから　今までどのくらいハワイが日本に近づいたでしょう
あなたが生まれてから　月が地球から遠ざかった距離はどのくらいでしょう

その答えがわかる…
JSTバーシャル科学館内の地球ガイドの兄弟コンテンツです。

自分が生きている間にどれだけ周囲に変化があったのだろう…「自分の生きてきた時間」を目安にどれだけ世界が変化してきたかなど考えさせられるコンテンツです。たとえばCO2削減を訴える公共広告などでこの手法を使うと、すごく視聴者自身に近い問題だと思ってもらえる効果があるんじゃないかなーと思います。何かしら参考になりそうです。

ちょっと過激な内容ですが。
人権侵害問題根絶の調査・運動をおこなっているAmnesty Internationalのポータル用フラッシュバナーです。ユーザーに暴力シーンを途中までみせて再生ボタンと停止ボタンの2つを選んでもらい、モラルの高いユーザーと、興味がわくユーザーとに別々のメッセージを伝える流れの広告です。

停止ボタンを押した場合

You've got the thought.
Now you have to act.
Join us.
Amnesty International.

あなたは（暴力シーンを止める）考え方をもっています。
今、すぐ行動に移さないといけません。
私たちといっしょに活動しましょう！
Amnesty Internationalです。

再生ボタンを押した場合

Don't just watch violence happen.
Help us stop it.
Amnesty International.

暴力が起こるのをまじまじ見ちゃだめです。
暴力を止めるのを助けてください。
Amnesty Internationalです。

となり、再生ボタンの三角アイコンは、
停止ボタンの四角アイコンにモーフィングします。

暴力シーン
Violence original banner
Violence english banner

拷問シーン
Torture original banner
Torture english banner

残酷シーン
Cruelty original banner
Cruelty english banner

ModalBox — An easy way to create popups and wizards

ライトボックス系の同じHTML内にレイヤーを使ってポップアップを作るオープンソース。

Honda NO SAME WAY

ホンダのバイクをモチーフにしてクリエイターにショートムービーを作ってもらい掲載するコンテンツ。
「NO SOME WAY」がテーマの様です。クリエイターの紹介やモチーフにしたバイクの詳細なども見ることができる。認知度を上げるだけじゃなく、クリエイターが思うバイクの楽しさを伝えることもできる試みかなとおもいます。

therocketsciencegroup

ロンドンの制作会社。コンテンツのボリュームは少ないですが、無駄をそぎ落としつつダイナミックな動きとレイアウト。シンプルでインパクトのあるデザインです。

I N O U E T A K U

PCISディレクター井上卓氏のオフィシャルサイト。
サムネイルクリックすると見れる作品もあります。
よく練られたシナリオの作品が多く良い刺激になりそう。

1975年生まれ。
東京工芸大学芸術学部デザイン科卒。
98'MTV Station-IDコンテスト受賞をきっかけに、翌年MTV JAPAN入社。
MV・CM等の映像ディレクターとして、P.I.C.S.を経て2006年10月独立。
2003年PROMAX&BDA USA「MTV Image Campaign-TEPPEI/GLOVER/MIKO-篇」プラチナ賞受賞。
2004年エジンバラ国際映画祭や世界最大のデジタル映像フェスティバル-onedotzeroによる作品招待。
annecy2006（フランスアニメーションフェスティバル）3作品作品上映。
平成18年度文化庁メディア芸術祭 審査委員会推薦作品受賞、「SHOTS」掲載等、海外での作品上映・受賞多数。

P.I.C.S. Co.,ltd.

アニメーター・CGクリエイター・モーショングラフィッカー・CMやMVの演出家がつどいそれぞれがディレクター。PROMAX&BDA、アニメーションフェスティバル等でグランプリをとるなど国際的な評価が高いようです。

//news すらすらニュース

ウェブ関連など4分程度のニュース番組を1ヶ月スパンくらいで配信しているサイトです。オフィシャルサイトの映像自体がYouTubeになっていて、映像をユーザが扱いやすい様にしているので、気になったニュースがある人や、すらすらニュースを紹介したい人がブログにYouTubeを貼り付けてくれます。口コミさせさすい構造になっているところが、面白い試みだと思います。

Sprint - Sprint Sweets

タイピングすると人が出てきて光るペンで暗がりにアルファベットを書いてくれます。出来上がったメッセージは、グリーティングカードにして送ることができるようです。
DADやLOVEやHAPPYなどを入力すると勝手に単語の後に絵文字が入ります。
暗がりで灯りをもってすばやく動かしたところを撮影すると、動いた軌跡が尾ひれのように写りますよね。面白いのでこの手法をアニメーションアートにしている人もいますしきれいな手法です。

Googleで画像検索をした際に、URLに &imgtype=news を追加することで、検索結果を人の顔だけにすすることができるらしいです。通常の画像検索と人の顔だけでの検索との違いを見てもらうとわかりますが、後者の検索結果だと、人の顔以外は検索されていません。

NEC ecotonoha [ エコトノハ ]

One Show、グッドデザイン賞、東京インタラクティブアドアワードなど世界規模のアワードなど総なめのサイトですから、あらためて書かなくてもいいかもしれません。今回の電通×アフロッグからの案件で企画を提出した際、参考サイトのひとつとして「エコトノハ」を提示したのであらためてまとめてみました。

このサイト…エコトノハは、ECOをテーマにNECが「しっかり社会貢献をしている」という事実を、より多くの人に認知してもらうためのCSRコンテンツなんだと思います。

内容を説明すると…ユーザーは好きなメッセージをサイト内に書きこむことができます。
そして書けば書くほど葉っぱが増え、幹が成長して、生い茂っていきます。
葉っぱが増えるといいましたが、実際は葉っぱではなく、「葉っぱの変わりにイメージ化されたメッセージ」が生えてきます。タイポグラフィー表現の様なかんじという説明が近いでしょうか。
アクセスユーザーがメッセージを書きこんでいくことで、樹へ栄養を与え成長していく様子がインタラクティブに表現されているサイトです。

ウェブ上で樹が育つと、実際にリアルでの展開が始まります。
100メッセージにつき1本の樹をオーストラリアなどへ植林しているようです。年間平均80000メッセージが入力され年間800本の植林が実施されています。バーチャルな樹を育ったぶん、その結果は「社会的貢献の認知」につながり、リアルでの植林を実施する「理由」に繋がるという合理的な流れ。CO2削減に貢献できる力を持った大企業を、ウェブプロモーション企画を用いてコントロールした実例として、すごい評価できるアイデアだと思います。

[ スクリーンショット.jp ] - マルチブラウザでレイアウトチェック

ページ内全てを画像ファイルにしてくれるサービスです。無料版は画像にサービスロゴが入ってしまいます。有料版は月額。OSブラウザ別でどう表示されているかを確認するためのツールとしてつかう場合便利かなと思います。

WIN
IE 7.0 / IE 6.0 / IE 5.5 / IE 5.0 / Netscape 7.1
Firefox 1.0 / Firefox 1.5 / Firefox 2.0 / Opera 9.2 / Opera 8.0

Machintosh
Safari 2.0 / Firefox 2.0 / Opera 9.2

フリフリカンパニーというユニットがフラッシュで制作したアニメーションムービーです。
今年１月に行われたしずおかコンテンツバレー・フェスティバルでも上映されているらしくテンポのいいアニメーションです。PINGMAG参照。

myIPneighbors.com Reverse IP Domain Check DNS Tool

ドメインを入力することで、ホスティングしているサーバのなかに同居しているドメインリストをレポートしてくれるサイトです。今後何かで役に立つことがあるかも。

iMemo - ベクターソフトニュース

計算式を打つとリアルタイムで隣のエリアに計算結果がでてくるアプリケーション。SIN COS TAN π √などの計算もできて、何行も書けて、保存したら.txtになります。結果は開いたときに計算しなおせばいいので、左エリアの計算式だけテキストファイルとして保存すればいいわけですね。すごい。便利です。

VIDEO Steve Jobs and Bill Gates Together Part 1 of 7 D5 AllThingsD

Appleのスティーブ・ジョブズ氏とMicroSoftのビル・ゲイツ氏の会談が24年ぶりにあったらしく、その内容がウェブで公開されています。
内容はこちら

TOYOTA Hybrid

ファーブル教授のスケッチブックから虫達が逃げ出したという設定で、360°見渡せる草原や花畑を見渡しながら、昆虫採取するゲームコンテンツです。昆虫を捕まえると、ハイブリッドカーに例えた昆虫の解説をみることができます。
ナビゲーターはテントウムシ。「もっと右」や「その辺じゃない？」などヒントをしゃべってくれる親切設計です。すべての昆虫をコンプリートすると、360°パノラマスクリーンセーバーがもらえます。

358 W San Carlos St, san jose, ca - Google Maps

最近GoogleMapにStreetView(上)という新機能と渋滞情報(下)が追加されてるようです。StreetVewは人視点で360°見渡せたり視点の中心の人形をドラッグして別の場所を見たりできます。まだあめりかの主要都市限定です。早く日本版にもつけてほしい機能です。

ART-Meter：絵画の測り売りサイト　　ART-Meter×Wii

Nintendo Wiiのブラウザで動くように制作された絵画販売のインタラクティブコンテンツのようです。
サイズ検索の入力方法がイメージしやすいつくりになっていておもしろいです。

劇場版・全員参加RSSブロック崩し - Engadget Japanese

ニュース記事のRSSリーダーとゲームを組みあわせた、ニュースサイトのサブコンテンツ

このゲームを映画館で参加者全員で操作する試み。
ブロック崩しバーは騒いでいる方向に動くので、サッカー観戦のウェーブのような動きを全員ですることで、ブロック崩しバーを操作しています。みんなで一体になって楽しそうです。技術的には、ウェブカメラを使って動画の変化が多かった座標を計算するものだとおもうので、いろいろ応用がききそうです。