BMW 宝马:BMW中国文化之旅

2017-02-09 H5案例分享 H5案例分享
BMW 宝马:BMW中国文化之旅

案例:BMW中国文化之旅

出品:BMW 宝马

亮点:

  1. 策划上,720°全景展示。载入完毕,页面是“BMW中国文化之旅成果双年展”展厅大门,点击按钮大门打开,由从上至下旋转进入的视觉效果进入全景展厅,用户可以720度旋转手机,或滑动屏幕来查看场景。 屏幕下方按钮可以切换场景,可以用横屏VR模式观看,还可以隐藏按钮。长按屏幕可以切换控制模式和视角,有“鱼眼”、“小行星”等多种视角供选择。

 

  1. 设计上,真实场景展示,画面清晰度很高,就算放大也不会失真。查看场景时,如果超过2秒没有操作,则会自动缓慢水平旋转展示场景,旋转一周后会自动切换。切换场景过度很平滑。多种视角展示效果炫酷又好玩,细节表现也非常到位。古风的背景音乐,也使得气氛很有代入感。

 

  1. 体验上,本以为这么清晰的多场景全景H5,一定会有所卡顿,但让小编没有想到的是,各种操作都非常顺畅。形式和内容结合的也很好,可能很多人都不会愿意出门去了解这些非遗作品,但如今可以足不出户在手机上就能“包”下整个展厅,很是方便!小编还觉得,这个H5在场景的拍摄方面和后期处理部分也一定很细腻,这才能有如此赞的表现。总得来说,这是一个表现很棒,看上去也很高大上的全景展示H5案例。



技术实现: jQuery + krpano


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

识别图中二维码

BMW中国文化之旅-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

滴滴出行:圣诞礼包在此,速领!

H5案例分享:3D全景之ThreeJs

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~