实战!使用pano2vr生成html5全景页面【转】

随着现代视觉技术的进步以及对空间展示的迫切需求,很多的无人机可以拍出360度甚至720度全景照片,怎样将全景地图以html5的形式展示出来?文章将详细讲解如何使用pano2vr.exe制作全景页面。

1、准备pano2vr.exe 软件(以windows7说明)

实战!使用pano2vr生成html5全景页面【转】

2、准备一张全景图片

实战!使用pano2vr生成html5全景页面【转】

3、将图片导入到pano2vr中

实战!使用pano2vr生成html5全景页面【转】

使用说明:点击选择输入,将准备好的全景图片导入即可。

4、设置生成参数

实战!使用pano2vr生成html5全景页面【转】

1、如果拍摄的图片精度非常高,可以选择切片,展示效果会好一些。
2、旋转设置。可以设置页面加载完成后即开启自动旋转,可以设置延迟和旋转速度。

3、皮肤/控制器设置。用于控制显示按钮,比如平移等。
5、生成的文件目录如下

实战!使用pano2vr生成html5全景页面【转】

6、将生成的html文件发布至nginx或者其它服务器,可以看到最终效果

实战!使用pano2vr生成html5全景页面【转】

总结:全景展示不仅可以提升整体交互效果,而且可以跟地理信息系统结合起来,可以极大的增强和弥补二维、三维的场景渲染的不足。pan2vr的功能不限于以上,还有更有意思的功能,比如可以在图片中增加交互热点。在建筑物的门上增加交互热点,模拟开门并且切换场景展示,提供更加有想象力的功能。

Original: https://www.cnblogs.com/mazhenyu/p/16433580.html
Author: 3D入魔
Title: 实战!使用pano2vr生成html5全景页面【转】

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/552680/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球