实战使用pano2vr生成html5全景页面

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

1、准备pano2vr.exe 软件（以windows7说明）

2、准备一张全景图片

3、将图片导入到pano2vr中

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

4、设置生成参数

1、如果拍摄的图片精度非常高，可以选择切片，展示效果会好一些。

2、旋转设置。可以设置页面加载完成后即开启自动旋转，可以设置延迟和旋转速度。

3、皮肤/控制器设置。用于控制显示按钮，比如平移等。

5、生成的文件目录如下

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

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

实战使用pano2vr生成html5全景页面相关推荐

jeesite实战(二)——jeesite工具生成基本的页面
系列文章目录 jeesite实战(一)--基本环境搭建 jeesite实战(二)--jeesite工具生成基本的页面提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文 ...
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
可在系列教程的基础上继续开发,也可以单独使用 [微信小程序-原生开发]系列教程效果预览代码实现点击触发生成海报在活动详情页,指定点击某图标/按钮,触发跳转到生成海报的页面 pages\comp ...
我的CSDN笔记总索引(阅读量降序，代码自动遍历生成HTML5源码)
Python代码用"命令容器"方法os.system(),调用Linux命令行工具crul获取CSDN博文页面源码,Python内置re正则解析出博文笔记信息,按阅读量降序模块输出 ...
玩转HTML5移动页面
(1) 动画雪碧图涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite)! 网上的工具有一些可以帮助你生成雪碧图的工具,例如CssGaga,GoPng等等,自动化构建工具Grunt和G ...
html对话框跳转页面,html5各种页面切换效果和模态对话框用法总结
这篇文章主要为大家介绍了html5各种页面切换效果和模态对话框用法总结,较为详细的介绍了HTML5的各种页面元素的使用技巧,非常具有实用价值,需要的朋友可以参考下本文详细总结了html5各种页面切换 ...
html5页面的手势,HTML5单页面手势滑屏切换如何实现
这次给大家带来HTML5单页面手势滑屏切换如何实现,怎么实现HTML5单页面手势滑屏切换?HTML5单页面手势滑屏切换的注意事项有哪些,下面就是实战案例,一起来看一下. H5单页面手势滑屏切换是采用H ...
html5页面适配方法,H5案例分享：HTML5移动页面适配方法
HTML5移动页面适配方法之前做过PC页面时考虑最多的是兼容,这是因为浏览器之间的差异引起的.而移动端是基本没有"兼容"的问题了,全是CSS3,是不是很开心,但是开心早了,因为适 ...
【Android开发VR实战】二.播放360°全景视频
转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53924006 本文出自[DylanAndroid的博客] [Android开发 ...
单页活动页面html,优秀HTML5活动页面
一个好的手机活动宣传更能让人分享传播是爆炸性的下面是我平时看到一些好的微信活动宣传页面分享给大家其中用到的技术常做微信活动专题页面的人可以看看大神们是怎么做的这样到自己做的时候 ...
html5--项目实战-仿天猫（移动端页面）
html5--项目实战-仿天猫(移动端页面) 总结: 1.标准搜索栏的做法:这里是弹性布局,放大镜和小话筒是background img 2.手机尾部导航做法:这是一个个 li 标签,每个li标签占% ...

实战使用pano2vr生成html5全景页面

实战使用pano2vr生成html5全景页面相关推荐

最新文章

热门文章