重力感應：地球上的另一個你

開啟平行世界的小旅行

完整欣賞此案例大約需要1分30秒

【案例】

地球上的另一個你

【出品】

天貓

【技術實現】

jQuery + CreateJS + OrienterJS

【亮點】

策划上，重力感應+視頻。主要講述的是是理想與現實，抬頭看是理想，低頭看是現實，理想是你眼中欣賞別人的風景，但現實是你本身也是別人眼中的風景，在生活中不停地轉轉轉，一個人的時候更要對自己好一點，快來6.18天貓理想生活狂歡節，上天貓轉一轉。

GIF/1429K

設計上，寫實風格，展現現實生活的畫面色彩較重一些，氣氛偏昏暗；理想生活的畫面比較清亮，氣氛偏歡快愉悅。不同的內容，但畫面的重合性比較好，看起來一點都不違和。

GIF/1533K

交互上，向上移動手機模擬抬頭看理想畫面，向下移動手機模擬低頭看現實畫面，利用重力感應來達到其交互效果。

GIF/1635K

技術上，這支H5主要是採用Canvas + CreateJs來實現的，重力感應採用的是OrienterJs。

案例截屏：

...

以上為【H5案例分享】團隊原創文章！

【CreateJS】

找創意H5，上h5-share.com

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！