Youtubeのインターフェイスが壊れていくサイト。

海外版ワリオランドシェイクのページです。

昔、海外のサイトでリニューアル前のティザーでサイトが壊れていくものがありましたけど、Youtubeでやるっていうのはインパクトでかいですね。

崩壊後にはワリオランドシェイクへのリンクが発生します。

本サイトもボタンをシェイクしないとページ遷移できなかったり遊び心に溢れてます。

コミュニケーションのレベルがきっちり統一されている印象。



WarioLand:Shake It-Amazing Footage!

wariolandshakeit.com







このサイト、かなりインパクトがあったみたいね。広告総会スピンオフ会ではみんな絶賛してました。

ああ、そういえばこれってハプニングのBlogパーツと一緒なのか。


Flash と JavaScript の連携で作っているそうです。

1.HTML を覆い隠すように Flash を 配置する。

2.JavaScript で HTML にある画像を列挙して、Flash に渡す。

3.Flash では、物理エンジン(Box2dFlashAS3)上に画像の位置に対応した箱を作成する。

4.HTML 内の全ての画像を消して、Box2dFlashAS3 による物理シミュレーションを開始する。


作り方を書いたサイトがあったので、リンク貼っときます。

HTML崩壊 meltdown.js

Trackback(0)

このブログ記事を参照しているブログ一覧: YouTubeを使った新しい広告「ワリオランドシェイク」

このブログ記事に対するトラックバックURL: http://www.flow-hi-low.com/mt/mt-tb.cgi/215

Comment

    

Images

  • 「たのしいほうの、ヘッドフォン」 カスタマイズできるイヤホンKOTORI
  • 日本郵便 郵便年賀.jp「ヒルズポスト 2009」
  • ABM BOOKMARK OF THE YEAR 2009
  • サントリー×スクウェア・エニックス FINAL FANTASY XIII ELIXIR CHALLENGE
  • スクリーンセーバーを作成できるサイト キ*カ*ザ*ル|TOSHIBA T003
  • NTT東日本 光iフレームのトライアルに当選した
  • ウェブサイトの画像でオンラインくじ「UNIQLO LUCKY SWITCH」
  • 第13回文化庁メディア芸術祭受賞作品発表!
  • Yahoo!オフィスβ版リリース
  • バーバリーのトレンチコート スナップ集「Burberry-Art of the Trench」

Blog Parts

あわせて読みたい

あわせて読みたいブログパーツ

Gremz

Ad

なかのひと

テーマに沿ってブログを書くと掲載料がもらえるサービス。

[プレスブログ]価値あるブログに掲載料をお支払いします。

どこの企業からアクセスされたか測定するツール。