tuglog!tuglog!Webデザイナー目線でいろいろなWebに関する情報やライフハック的な情報発信を。時にはアートに、時にアナログに。-----------------------------------------------------ギャラリーサイトはこちらツイッターもやってます。プランニングからデザイン、そしてシステム構築まで。Webの「仕事」がトータルに理解できるプロフェッショナル養成講座。Tuesdayコレはすごい。shinjiboss今年に入ってWeb制作者のだけでなく、一般のサイトにも徐々に広まりつつある印象のHTML5。そんなHTML5の可能性を見ることが出来るPVが公開されました。DownTownです。Mapとストリートビュー、そしてHTML5の機能をつかってブラウザそのものをインタラクティブに演出しています。何年か前にJavascriptを駆使して、2つのWindowをつかったインタラクティブなコンテンツが存在していましたが、このPVはその上をいっている感じです。始めにGoogleMapに場所や街を入力します。できるだけストリートビューのサポート範囲の地域がいいのです。入力後、ムービースタートです。始めはパーカーの人物がただ走っているだけのムービーなんですが、ある時点で、別ウィンドウが立ち上がります。急降下する群れの先には、先ほど入力した場所が・・・。そこからは音楽と映像とGoogleMapとの見事なシンクロで展開していきます。パーカーの人物が走っているところは、いつの間にか始めに指定した場所になり、人物の視点とストリートビューの視点が重なってゆきます。その場所でPVが展開しているかの様に。途中では、ドローイングとタイピングのできるコンテンツも差し込まれています。このあたりはCanvas機能なんかを使っているんでしょうか。ラストシーンもかっこいいです。Flashなどを使えば実現できるようなこともありますが、HTML5という新しい可能性を示す一つの要になるんではないでしょうか。これから、もっと面白い試みがなされると思います。最後に百聞は一見にしかず。サイトはChromeで閲覧が推奨されています。DownTownhttp://www.thewildernessdowntown.com/あ、言うまでもないですが、音楽もかっこよかったッス。バンドの情報はこちら。Web標準スタディ−サイト(2010.07.21)fontサイズの指定が一目でわかるサービス(2010.06.10)GIGAZINE(ギガジン)さんにHTML5カンファレンスの記事があったので紹介(2010.05.30)解像度別にブラウザの表示範囲を確認できるサイト2(2010.05.12)コメントコメントするname:email:url:comments:Cookieに登録この記事のトラックバックURLトラックバック機能は終了しました。(09/23)【Twitter】Twitterのインターフェイスデザインが変わった模様。COMMENTS【計画】九州電力で計画停電が確定。(05/23)Javascriptを覚えたい!でも参考書も難しい...。(12/26)iPadで3Dモデリング制作が実現。</gecko>:げことじ。