ホーム > Web > パララックス効果のスクロールアニメーションでハイブリッドを紹介「Peugeot HYbrid4 presents : The hybrid graphic novel」

パララックス効果のスクロールアニメーションでハイブリッドを紹介「Peugeot HYbrid4 presents : The hybrid graphic novel」

Peugeot HYbrid4 presents : The hybrid graphic novel

プジョーが、ディーゼルハイブリッドシステムの4つのモードを紹介するサイトをオープンしています。このサイトは「The hybrid graphic novel」と銘打たれ、スクロールをしていくとコマが変わっていき、4つのハイブリッドモードに合わせたストーリーが展開していきます。

Peugeot HYbrid4 presents : The hybrid graphic novel
マウスホイールぐりぐりするか、右上のオートプレイをONにすると、ストーリーが進んでいきます。

Peugeot HYbrid4 presents : The hybrid graphic novel
スクロールすると、エレメントが異なる動きをしてアニメーションのように見えるパララックス効果を使っています。

ストーリーは、女性が何かの情報を入手し、見つかり、逃げるというもの。逃げる際に最初はスピードが重視されるのでハイブリッドのスポーツモード、土手を転がるシーンなどは4WDモードなど、車のモードをストーリーと関連付けることでわかりやすくしているものと思われます。

ストーリーが途中で分岐できればもっとおもしろいのかなぁとも、責任感なく思ったり。

→Peugeot HYbrid4 presents : The hybrid graphic novel
http://graphicnovel-hybrid4.peugeot.com/

  • 2012-09-16 (日) 10:03
  • Web

ホーム > Web > パララックス効果のスクロールアニメーションでハイブリッドを紹介「Peugeot HYbrid4 presents : The hybrid graphic novel」

検索
Popular Entries
Recent Entries
Recent Comments
タグクラウド
ページ
フィード
 subscribe to my RSS
follow us in feedly
このブログをはてなブックマークに追加
Add to Google
My Yahoo!に追加
Subscribe with livedoor Reader
Add goo
Subscribe with Bloglines
メタ情報

Return to page top