当前位置:   article > 正文

基础_type of the panorama image? (0=none/skip, 1=flat,

type of the panorama image? (0=none/skip, 1=flat, 2=spherical, 3=cylindrical

单张
MAKE PANO (NORMAL) droplet
针对标准全景图(360度),默认立方体最大尺寸为2200像素,一次性载入场景,可在templates/normal.config进行修改。没有皮肤,只有全景,可用于HTML5 iPhone/iPad 。适用于单张全景。

MAKE PANO (MULTIRES) droplet
生成渐进分辨率的全景,无尺寸/像素限制,快速动态地载入场景,带有按钮的默认皮肤,可用于HTML5 iPhone/iPad 。适用于单张全景。

MAKE PANO (FLAT) droplet
针对平面2D全景或图片,生成渐进分辨率的平面图,无尺寸/像素限制,带有针对平面图片的皮肤和控制,可应用于flash和HTML5。

  • 经测试,前两种展示效果几乎一样,通常用第一种即可
  • 最后一种就是把原图展示了出来,因为减少了切图的过程,生成速度会快很多
  • 如果同时拖进多张图片,会给每张图生成一个文件夹
  • 如果原图不是标准的全景图,会要求输入图片类型和水平范围,因为这种情况下生成的场景会扭曲,影响体验,所以要尽量使用标准的全景图

多张
MAKE VTOUR (NORMAL) droplet
MAKE VTOUR (MULTIRES) droplet
MAKE VTOUR (VR-OPT) droplet(推荐)

自动生成可漫游的全景,将所有的全景图同时投放到droplet上,生成自动缩略图的默认皮肤,可用于HTML5 iPhone/iPad 。

类型
1=Flat, 2=Spherical, 3=Cylindrical
- 2d图
- 3d球面图(上下左右浏览)
- 3d柱形图(横向浏览)

结构

  • tour.html #主页
  • tour.swf #flash基础控件
  • tour.js #h5基础控件
  • tour.xml #场景配置文件(场景元素、样式、事件)
  • panos #加工后的3d图片(原图的切片集合,每张图的切片对应一个以该图片名字命名的tiles文件夹)
  • plugins #拓展文件
  • skin #皮肤配置文件和相关的图片(主要是场景中的按钮及其参数,主文件是“vtourskin.xml”)
  • 平时主要使用的是“tour.html”、“tour.xml ”、“skin”

运行流程
- 将图片拖到相应的app上就会在图片目录生成vtour文件夹,新的会覆盖旧的
- 使用app自带的模拟器或者上传到服务器,可预览效果
- 由“tour.html”进入,其中引入“tour.js”、“tour.swf”和“tour.xml”
- 由“tour.xml”加载场景,其中引入“vtourskin.xml”
- 由“vtourskin.xml”加载皮肤

注意
- 全景图片要用专门的全景摄像机来拍,才能达到最好的效果
- 标准的全景图片的四个边能够融合成一个图像完整的封闭的球面
- 全景图呈现的应该是拉伸的效果,一些原本是直线的区域会因为拉伸而变得弯曲
- 浏览器的开发工具是无法通过“sources”查看xml资源的,得由“tour.html”找到xml,或者是“network”
- 所有的效果都是通过div标签的style属性实现的,从html获取到的就是一堆有着各种style的div,除了style之外无法获取更多信息

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

闽ICP备14008679号