全景VR的H5是怎么做的呢

全景VR的H5是怎么做的呢,第1张

相较于其他形式的H5而言,全景VR的制作还是有一点点难度的,如果想学习如何制作,可以到意派的教程中心搜索关键词并进行相关学习。具体的效果基本可以分为两种:一是圆柱型全景,主要需使用意派Epub360的全景容器组件。二是球状360°全景,主要实现方式是嵌入网页,需要制作H5的相关人员自行制作好全景页面,再将全景页面网址嵌入到H5中。

以下是用意派Epub360制作的一些全景H5的案例及模板截图,如果感兴趣的话,可以去意派网站上参考参考~

要单位的网页上传了vr图才能显示出来。

如果按照普通网页IMG标签显示VR全景图片,可以显示,但是没有VR效果,所以传统方式是绝对不行的。

展示VR全景图片目前仅限支持WebGL和canvas的浏览器主要还是HTML5的作用,HTML5确实大大增加了网页浏览器的能力。

全景图片分类如下:

1、球面全景图,利用一张全景图国成一个球,自身位置位于球体内。由于图片是矩形,所以最上和最下的缝合处很明显就能够看得出来。

2、立方体全景图,一个立方体,有六个面组成,所以就需要六张图片啦。自身的位置位于立方体中间。

1、LR

首先先给大家推荐一下这款软件,它是大名鼎鼎的Adobe公司推出的一款用于调色的软件,做过全景的小伙伴们一定都知道,在全景后期制作的第一步肯定就是对前期全景拍摄图片的处理,而LR满足了大部分的图片处理功能例如色彩,饱和度、对比度等等,可以让我们快速批量导入、处理、管理和展示图像,从一张照片到所有照片。

2、Photomatix Pro

Photomatix Pro是一款可以把“高曝光”“正常曝光”和“低曝光”图片合并的一款软件,对于获得高质量的图片来说是必备的一款软件,特别是我们在全景拍摄的过程中,每个角度都是要拍摄三张不同曝光的照片的,所以Photomatix Pro对于我们制作全景获得高质量的合成图是至关重要的。

3、PTGui

在处理完图片之后,全景制作最重要的环节就是拼接了,全景拼接软件我推荐使用ptgui,ptgui作为一款出色的全景拼接软件可以说是非常优秀,只需要把我们处理好的六张图片再加上补天补地两张,一共八张图片直接导入,然后就可以一键生成拼接好的全景图。

4、Pano2vr

如果说ptgui可以帮助我们顺利拼接一张全景图,那么Pano2vr就是负责帮助我们把全景图立体化的神器,从ptgui导出的全景图虽然已经拼接完成,但是仍然是处于平面的状态,所以这个时候小编就推荐大家可以使用Pano2vr把平面图转化为球形图,这个时候一张真正意义上的全景图就制作完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6203941.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存