赞
踩
单张
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柱形图(横向浏览)
结构
运行流程
- 将图片拖到相应的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之外无法获取更多信息
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。