当前位置:   article > 正文

pano2vr怎么制作漫游_初识全景漫游krpano

pano2vr
点击上方 蓝字可以订阅哦 作为和很多全景新人一样,刚刚接触到全景方面无从下手,其实全景没有想象中那么的难,找对方向就很简单了,这里不介绍全景拍摄的硬件,只讲怎么制作能访问的全景html页面。 以上就是用krpano制作的全景HTML页面,要做出这种效果,你需要的只是几张全景图,然后拖到批处理文件(droplet)中或者执行命令行,大概几十秒就做好了,切片的速度根据电脑性能决定,在你惊讶全景制作简单的时候,我们先来了解下全景图。 642affba94aa49e861e8f10d540b145f.png什么是全景图 66107907c47860560a40658a3bd4272f.png 这就是一张典型的球面 全景图, 水平方向与 垂直方向比例为2 :1,宽度是高度的两倍,也就是常见的360*180的图片。

27bc9c4e8718d4da75f4ccc2b2fa8a70.png

642affba94aa49e861e8f10d540b145f.png 选择工具 66107907c47860560a40658a3bd4272f.png

市面上有很多可以制作全景漫游的软件,例如720云,全景客等,如果只是制作全景漫游,这些软件都能满足基本需求,但我们毕竟是软件开发者,肯定是需要定制化开发的,所以我们选择krpano,当然720云内核也是使用的krpano,只不过将krpano功能化了,有了可视化界面。所以我们需要掌握krpanoxml这门语言。

642affba94aa49e861e8f10d540b145f.png krpano下载 66107907c47860560a40658a3bd4272f.png

krpano下载包就是一个从krpano官网下载的zip文件,解压后是下面这个样子

728be0956fa8f2a131c2d224729109b0.png

很多人下载完krpano安装包解压后,都会去找可执行(.exe)文件来安装,其实不然,krpano的核心工作是没有配置GUI(图形用户界面)的,krpano是viewer(浏览器或内核)和tool的集合,也就是一个引擎(浏览全景用)和一系列的相关工具(切图,加密等)

642affba94aa49e861e8f10d540b145f.png viewer文件夹 66107907c47860560a40658a3bd4272f.png

c80df5ec71f7c690786b956d0cc31daa.png

这里面存放的是krpano下载包的官方插件和引擎,其中examples文件夹里面是krpano的案例,是很好的学习文件,plugins是当前版本的插件 642affba94aa49e861e8f10d540b145f.pngtemplates文件夹 66107907c47860560a40658a3bd4272f.png

82dd7142a5be8fc6b68a9ec7465dd1e3.png

官方模板所在的文件夹,包括了图片、xml、html以及相关配置,根据这个我们可以制作出自己的皮肤文件,当然我们也不需要从这里拷贝任何,因为再droplet过程中会自动生成。

642affba94aa49e861e8f10d540b145f.pngdocu文件夹 66107907c47860560a40658a3bd4272f.png

818ba5e0862fd7e980dc657c1156abf0.png

krpano部分离线文档

642affba94aa49e861e8f10d540b145f.png以droplet.bat结尾的批处理文件 66107907c47860560a40658a3bd4272f.png

Krpano Droplets 是krpano命令行工具加上配置文件config的一个快捷方式。droplets使用方式非常简单,将文件(通常是图片或者xml等文件)直接拖放在droplet图标上松开即可。

  • MAKE PANO (FLAT)

  • 生成平面切片多分辨率图像

  • 制作平面图像 输出时既定为平面图像

  • 只有特定的切片在需要时载入 没有尺寸/分辨率限制

  • 包含有默认导航按钮的皮肤,针对特定的视角

  • 支持Flash与HTML5

  • MAKE PANO (MULTIRES)

  • 生成多分辨率全景

  • 制作所有类型的全景

  • 只有特定的切片在需要时载入 没有尺寸/分辨率限制

  • 包含默认的导航皮肤

  • 支持Flash和HTML5

  • MAKE PANO (NORMAL)

  • 生成普通 (=单分辨率) 全景

  • 制作典型的360度全景

  • 全部全景图将会一次性载入. 默认下方块最大变长为2048像素(可以在配置文件中修改)

  • 包括默认的导航皮肤

  • 支持Flash和HTML5

  • MAKE VTOUR (MULTIRES) 使用这个较多

  • 生成多分辨率全景并将它们整合到一个虚拟漫游中

  • 制作所有类型全景图像

  • 只有特定的切片在需要时载入 没有尺寸/分辨率限制

  • 包含一个包括导航按钮、可滚动缩略图以及可选择必应地图以及重力感应插件的默认皮肤

  • 支持Flash和HTML5

  • MAKE VTOUR (NORMAL)

  • 生成普通 (=单分辨率) 全景并将它们整合到一个虚拟漫游中

  • 制作典型的360度全景

  • 全部全景图将会一次性载入 默认下方块最大变长为2048像素(可以在配置文件中修改)

  • 包含一个包括导航按钮、可滚动缩略图以及可选择必应地图以及重力感应插件的默认皮肤

  • 支持Flash和HTML5

  • MAKE VTOUR (VR-OPT)

  • 生成多分辨率全景并将它们整合到一个虚拟漫游中

  • 制作所有类型全景图像

  • 只有特定的切片在需要时载入,没有尺寸/分辨率限制

  • 包含一个导航按钮、可滚动缩略图以及选择必应地图以及重力感应插件的
    默认皮肤

  • 支撑臂Flash和HTML5

  • Encrypt XML

  • 将xml文件拖进进行加密

  • 加密过程中xml文件会被自动压缩

642affba94aa49e861e8f10d540b145f.pngkrpano Testing Server 66107907c47860560a40658a3bd4272f.png

1e70549e72c34de6a7e53232bb3e3a64.png

这是启动全景的测试服务器,地址就是生成的项目根目录,当然你也可以使用前端编辑器来启动。 创建项目 ‍ 将全景图片拖入到MAKE VTOUR (MULTIRES) .bat文件中,等待项目生成,生成之后你就可以访问全景页面了。

f2308dbf5734a071c56b9a120acbcbf2.png

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/523692
推荐阅读
相关标签
  

闽ICP备14008679号