标致：Home | Peugeot Catch the Dragon

2016-05-27 H5案例分享 H5案例分享

案例：Home | Peugeot Catch the Dragon

出品：标致

亮点：

策划上，这是标致为旗下一个产品车做的产品功能推广，以一款赛车追逐火龙的小游戏形式来吸引用户参与，营造出驾驶舱的感觉，似乎体验者坐在驾驶舱内，在山路疯狂飙车的同时追赶一条火龙；该游戏主要通过两个维度来展现，一：VR虚拟实境，追逐火龙；二：360度看全景的方式，追逐火龙；令人玩的时候仿佛身临其境，热血沸腾
设计上，3D立体模拟实境，浏览的过程中，增加VR效果，屏幕分左右两侧，两画面同步展示，这样当用户带上眼镜，3D真实感，立刻扑面而来；360度是单屏幕的，虽然没有3D立体模拟实境来的震撼，但是对于手边没有眼镜的玩家来说，还是很不错的
交互上，玩这个游戏采用的是360度移动手机的方式
技术上，整体游戏主要采用Canvas + JavaScript；360度移动手机玩游戏采用的是html5的重力感应
体验上，用户体验感更强，风驰电掣一般的在山路驰骋的同时，标致这款产品车的优越性能展漏无疑

技术实现： Canvas + JavaScript

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

Home | Peugeot Catch the Dragon-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签