宝马BMW2：趣玩一夏

2016-08-10 H5案例分享 H5案例分享

案例：趣玩一夏

出品：宝马BMW2

亮点：

策划上，3D全景+重力感应类，①先锁定竖屏，再360度移动手机，观察车内情景，并且当手机移动到不同的位置时，会出现意想不到的场景画面，突如其来的惊喜让人触不及防，点击车内的“+”小图标，即可出现宝马BMW2相关配置小说明；②点击“出去看看”出现宝马BMW2的身姿，行驶移动由远及近地打开后备箱，而后出现融合在一起的户外旅行精致场景；③ 点击“去旅行”出现宝马BMW2长图宣传页，填写个人信息即可预约试驾；点击“去购车”填写姓名手机号等即可报名购车
设计上，采用酒红色作为主色调，3D全景设计，立体感很强；出现的惊喜画面场景在在光线上处理的很细致，仿佛一幅幅精彩的摄影作品
交互上，360度移动手机或上下左右滑动屏幕都可去探索宝马BMW2车内惊喜
技术上，这支H5的3D全景制作采用的是krpano（JS全景插件）；360度移动手机采用的是HTML5的重力感应

技术实现： jQuery + krpano（JS全景插件）

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

识别图中二维码

趣玩一夏-查阅二维码

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

标签