前端开发
后端技术
Adobe Flash
Android
Java Web

网页的720度全景图和手机端的720度全景图分别都是怎么做到的?

像义乌市行政服务中心 一样的全景效果怎么做的? 像百度地图手机端全景地图那样的效果都是怎么做出来的?
关注者
180
被浏览
97,345

19 个回答

让开 让专业的来给你们解释! (注意:后面多图 流量慎重!处女答! )

什么叫720全景 我就不用在说了吧 反正就是720度无死角的图片(=.=我是这样理解的)比360全景又多了上面和下面 现在很多酒店 景区(特别是智慧旅游) 房间都会涉及到 !

我先把分成两类吧 一个航拍的 一个地面的。先来几张给各位看看吧

正好我在做九寨沟的航拍

这里不好展示 所以用了小行星给大家看看

航拍: 由于现在无人机的技术限制 民用级别的效果就那样 肯定不能和单反比 但是我用的HDR手法拍出来的效果也不错(后面我会说到怎么制作)我用的是大疆(绝逼不是广告!但确实好用!)就是起飞时 对环境要求比较高 这里就不说明怎么起飞啊之类的了 等买了自己就知道!

我来说说航拍怎么拍:我用的HDR手法 用的JPG+RAW 用LR合成 一个角度连拍5张(拍3张也可以 大疆自己就有个功能就是拍HDR 很方便)一个点位拍下来 少说5G 大的8G都有可能!然后高度必须是50M以上!50M以上!50M以上! 不然接点不好找 后面麻烦的很!用大疆APP的时候右边有个视角高度

我选择从上往下的第二个点开始拍 因为第一个点会看到机翼。 依次往左边拍 拍的时候一定要保证第一张和第二种有三分之一的重合面 切记! 第一个高度大概拍8张左右比较合适 然后往下移动2个点 往左依次拍照 和第一个高度一样 一定要保证第一张和第二种有三分之一的重合面!然后再往下移动2个点 由于越往下 重合点的面积就越大 拍照数量会减少 一般我拍完 260张到420张原始照片不等 然后后期合成HDR 大概38张左右!

我来说说航拍怎么合成:

这是我用到的软件 后面我会一一说明用途

前期的拍摄很简单 刚刚开始的新手可以多拍几张 保证后期的时候元素多 拼接不会那么麻烦。

把拍好的数据拖进LR 选择需要合成HDR的图片 快捷键是Ctrl+H

大概是这样


合成后是这样的效果 注意右边的选项!

合成完后 选择合成完的图片右键导出就可以了

然后会用到PTGui

把图片拖进去 对准图像

得到这种效果的图片

有些是第一次用PTGui 注意图片上的这个就行

然后保存就不用说了吧

把保存好的图片拖入 DevalVR playerU 就可以很全面的看图片 看哪些细节不对 再用PTG里面修改 这里先不说怎么修改 这个比较麻烦=.=(请原谅我的懒 有什么问题可以直接问我)

都觉得OK了 会用到pano2vr

界面是这样的

把图片拖进去 点击 打补丁

点 增加

然后拖动图片 选择你要修补的地方 鼠标滚轮可以调节视角 然后再点 提取就可以了 在图片的文件夹会多出这张图片 用PS修就OK了

修好后点 确定

再点 转换输入的图片 类型一定必须是 矩形球面投影! 然后大功告成!

再用DevalVR playerU 看时 你会发现天空都补好了!

再用PS调色啊 修细节啊就可以了!

这里只是说了一张补天的方法 还有单反帮助补天 PS极坐标补天 但是用这软件补天的效果我觉得最好 虽然麻烦了点 (我会说我懒 懒得打字不想说嘛=.=)


地面:

一定要用720全景云台!一定要用720全景云台!一定要用720全景云台! 其他云台都不行!!!!!

最主要的就补地了 很多新手对补地很头疼 在这里我会说两个方法 一个就是用pano2vr补地 原理和补天一样 但是效果不太好 有瑕疵!!!还有种方法是相机翻转补地 这种方法效果好 但是比较麻烦 而且毕竟考研耐心

前期的拍摄:

前期的拍摄都很简单 专用的720云台都有接点 这里就不多说了!对于单反机身来说 没啥要求 哪怕最低端的单反都可以 但是镜头很重要(当然 用18-55也可以拍 只是张数比多) 我用的是10.5 F2.8 这款鱼眼 旋转拍6张 天空2天 地面2张 还是用的JPG+RAW 合成HDR

各焦距镜头一圈拍摄张数速查表(尼康C画幅 焦距成像系数...

用什么镜头拍多少张 可以参考↑↑↑↑↑↑↑↑↑↑

有个教程只说了这么后期 好像没说怎么拍 我来给大家演示

翻转补地会多拍一张图或者两张图 上面圆圈的位置是拍720全景的位置 之所以要拍这张图 就是离开原谅的位置 在没有遮挡物的情况下 拍一张地面 后面用PTGui来拼接!里原来的地方大概1M半左右比较合适


后期的制作:

合成HDR和航拍一样 用PTGui也一样 然后翻转补地详见↓↓↓↓↓↓↓↓↓

翻转补地PTGUI拼接新方法(作者CAT猫)

如果看不懂的同学可以回复 我再来解释!

至于krpano和sublime_text 这两个 是用做720全景串联用的 这个太太麻烦 这里就不说了!如果有兴趣的同学可以问我!

终于写完了!写的头晕脑胀的.....估计有错字什么的 将就了吧=.= 能懂意思就行 我也懒得检查了!!!

发布于 2016-05-19 17:52

可能是用天空球或者天空盒吧=_=

如果这些网页实现跟游戏里差不多的话,那是会用到点计算机图形学。

天空盒 ,那就是六张图片拼成的正方体,或者叫cube map,模拟摄像机角度的话就用多个旋转矩阵对正方体的顶点施行仿射变换就好啦

天空球,把图的笛卡尔直角坐标活生生映射(解释)成球面坐标,于是就形成了一个球形图片,然后再施加仿射变换。有点像把一张世界地图铺在球面上(需要扭曲)

发布于 2016-01-01 21:45

手机端试试Google相机(酷市场有下载),大概拍二十多张照片,自动合成,可以旋转手机看效果。分辨率大概4000*8000,有时候结合处有错误,毕竟不是专业的。

效果:(没法演示只能这样了)

(上传了几次都没成功,待会试试)

可以看到脚这一部分没办法搞掉

发布于 2016-05-28 20:10

多个图片贴图+计算机视觉的一些线性代数算法

发布于 2016-01-01 18:25

Html5分层输出,俩文件夹。楼上楼下都散了吧,我专业这行的。

编辑于 2016-01-02 00:41

先上案例

具体制作方法就是在你做好的三维场景里面打一个球形相机 长宽比例设置为2:1。然后输出图纸如上。再导入全景软件就可以了。

发布于 2017-10-02 16:15
jingyan.baidu.com/artic
发布于 2016-10-18 09:35

华东地区一流拍摄队伍

编辑于 2018-08-12 09:04

三维局部小场景中实时绘制渲染贴上全景照片纹理的球形对象,辅以相机操作完成鼠标事件对应的视角调整;

不同全景点间的移动切换根据数据存储的拓扑关系决定。

编辑于 2017-05-07 14:16

先说主要原理:

全景图+在线拼接平台。例如 西瓜全景

全景图常规是2:1比例的图片,如下图。此类全景图可以使用全景相机直接拍摄生成,也可以使用3dsmax软件制作(效果图制作软件),优点是可以直接上传至平台合成,缺点是较难p图。

全景平台一般也支持6面体全景图拼接,就是上传6个方位(前后左右上下)的正方形图进行合成,要求是每张图的比例需要一致且接缝需要吻合。通常情况下在使用相机拍摄完照片后,还需借助软件制作用于拼接的图片,详细说明见其他答案。

发布于 2022-12-08 10:45

Insta360 nano能给你省去很多烦恼

发布于 2016-08-27 12:00

手机或者相机拍摄多角度照片,然后通过PTgui合成一张六面图,然后通过软件程序控制,可以加入音乐,导航,陀螺仪,vr,图集,logo,联系方式等等功能!行业从业者,只能说这么多了!

发布于 2016-08-14 22:23

做这个很多方法,flash ,webgl,css3,canvas,你给的是flash,想学技术学原理看计算机图形图像学,看看天空盒相机实现原理,当然了还有很多软件可以直接导出

发布于 2016-06-05 11:22

theta s可以直接拍照成像,使用很方便的。或者专业的单反拍摄球形图片,再使用720云全景,或者得图云编辑分享。

发布于 2016-05-31 20:13

先给你推荐拍摄制作720度全景图的步骤方法教程:

制作好720度全景图以后上传到专业的全景图展示分享平台,然后可以嵌入到网页内,在手机端和电脑端都可以看:(720度全景上传到百度地图教程)

发布于 2021-01-23 17:50

能加个微信不,觉得你可厉害了

发布于 2018-03-16 23:00

这个看上去和 [移动云全景-带上全景去旅行 vr.he29.com] 的作品是一样的, 你需要有一定的 前端知识(html/css/javascript),使用 krpano 进行切图后就可以做成这样的效果!

编辑于 2017-07-05 09:28

做全景的,占位明天答

发布于 2016-05-29 21:47
如何将相机、无人机、手机拍摄的的多张照片合成全景图?傻瓜式软件PTGui轻松搞定
1321 播放
发布于 2022-10-01 18:52· 59 次播放