寰呼吧：这才是毕业展正确的打开方式！

2016-07-07 H5案例分享 H5案例分享

案例：这才是毕业展正确的打开方式！

出品：寰呼吧

亮点：

策划上，3D全景+VR类，① 720度全景体验美术学院设计系毕业展，炫酷感和真实感很到位；② 现场解说很详细，对于领域小白和非行业人士来讲是很贴心的细节；③ 在浏览过程中可以切换场景观看不同学生的毕业展，也可以使用屏幕右上角的缩微场景，自由切换自己想看的区域，还可以点击右侧的VR小按钮，切换到VR模式下观看，内容丰富度上做的很到位；④ 用户可以点赞和评论，评论内容会显示在场景中；⑤ 最下方有打电话交互，拨通之后真有人接电话！！！吓死宝宝了，具体是不是马寰你们可以自己去“骚扰”~~~
设计上，模仿真实场景，不带美颜功能，看上去不美观有些模糊，但是功能上做的真的挺全的
交互上，观看毕业展，① 主要采用上下左右移动手机或上下左右滑动手机屏幕的方式；② 当然点击右侧陀螺仪小图标，即可关闭手机陀螺仪
技术上，移动手机看毕业展采用的是HTML5的重力感应，3D全景引的是krpano（全景插件）
体验上，切换到VR模式下，是竖屏的，不能横屏看，不太好用暴风魔镜观看体验啊~

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

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

识别图中二维码

这才是毕业展正确的打开方式！-查阅二维码

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

标签