招商银行：2016深圳国际马拉松

2017-02-08 H5案例分享 H5案例分享

案例：2016深圳国际马拉松

出品：招商银行

亮点：

策划上，3D全景+VR类，① 2016深圳国际马拉松全程路线抢先看，进入案例，从俯视角度，转场到清晰的3D场景里；② 而后可选择自己感兴趣的“全程马拉松”、“半程马拉松”、“6公里”的场景地点，点击即可进入看全景；③ 想切换其它场景可点击左下角“场景选择”小图标进行场景切换；④ 点击“地图”，可调出2016深圳国际马拉松赛路线图；⑤ 点击右下角“VR”小图标可进入到VR模式，给你身临其境的体验，将焦点聚焦到提示箭头上，即可切换到下一个场景。
设计上，写实风格，采用真实的016深圳国际马拉松路线场景制作而成，画面清晰，色彩丰富，再配上动感的音乐，给人优质的视觉、听觉享受。
交互上，看3D全景可采用上下左右滑动屏幕或720度旋转手机的的方式，想不采用重力感应旋转手机看全景可点击页面右下方“陀螺仪”按钮进行关闭。
技术上，3D全景+VR实现采用的是Krpano进行制作。

技术实现： Krpano

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

识别图中二维码

2016深圳国际马拉松-查阅二维码

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

标签