惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
The Cloudflare Blog
博客园_首页
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
人人都是产品经理
人人都是产品经理
爱范儿
爱范儿
罗磊的独立博客
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Jina AI
Jina AI
美团技术团队
博客园 - 【当耐特】
博客园 - Franky
T
Tailwind CSS Blog
雷峰网
雷峰网
小众软件
小众软件
阮一峰的网络日志
阮一峰的网络日志
Apple Machine Learning Research
Apple Machine Learning Research
Last Week in AI
Last Week in AI
V
V2EX
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 三生石上(FineUI控件)

博客园 - 3D入魔

make编译时fatal error: codecvt: No such file or directory解决方法 c++ 输入文件流ifstream用法详解[转] Ubuntu下,已经编译了OSG,如何增加OsgFbx插件,支持读取.fbx格式文件[转] vscode一键配置C/C++多个C及CPP文件编译与tasks.json和launch.json原理【转】 ecvt()、strtod()、strtoul() sscanf,sscanf_s及其相关用法[转] OSG3.4.0静态库编译(VS2019) 新手填坑--国产统信UOS操作系统上编译OpenScenGraph(OSG)3.4(附编译成果.so)2023年1月 GPL、BSD、MIT、Mozilla、Apache 和 LGPL 六种开源协议选择 一图解决 nodejs express multer 中文名乱码【转】 Cesium加载离线地图和离线地形【转】 WebXR 技术调研 - 在浏览器中构建扩展现实(XR)应用【转】 Cesium+vue 制作风流场【转】 pkg 打包node服务端 填坑记录!! 实景三维电子沙盘 Cesium建筑自定义光源效果[转] 数字孪生城市 三维数字沙盘+GIS = F3DGIS Cesium 使用MediaStreamRecorder 或者MediaRecorder录屏并下载视频,以及开启摄像头录像。【转】
实战!使用pano2vr生成html5全景页面【转】
3D入魔 · 2022-07-01 · via 博客园 - 3D入魔

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

 

2、准备一张全景图片

3、将图片导入到pano2vr中

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

4、设置生成参数

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

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

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

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