krpano
Krpano 可以方便快速的构建出全景图或全景视频(demo)
目录
- Krpano Droplet
- MAKE PANO (NORMAL)
- MAKE PANO (MULTIRES)
- MAKE PANO (SINGLESWF)
- MAKE PANO (FLAT)
- MAKE VTOUR (NORMAL)
- MAKE VTOUR (MULTIRES)
- MAKE OBJECT
- Convert SPHERE to CUBE
- Convert CUBE to SPHERE
- Encrypt XML
- vtour 文件夹说明
- vtour 文件夹结构
- vtour 运作机制
- krpano XML结构
- Krpano 内置元素说明
- 常用设置
- 小行星开场
- 加载动画
- 修改右键菜单
- 添加动态热点
- 动态热点添加始终显示的文字
- 热点和或图层在鼠标点击或鼠标悬停时进入动态模式
- 拖拽热点
- 添加简单的全景视频
- 添加雨雪特效
- 自动旋转
- 无按钮控制的自动旋转
- 按钮控制的自动旋转
- 添加陀螺仪
- 场景过渡效果
- 隐藏显示热点
- 获取全景视频进度
原文链接:
https://krpano.milly.me/
http://www.krpano360.com/
GitHub: nodeKrpano
Krpano Droplet
MAKE PANO (NORMAL)
用法说明
- 生成普通 (=单分辨率) 全景
- 制作典型的 360 度全景
- 全部全景图将会一次性载入. 默认下方块最大变长为 2048 像素(可以在配置文件中修改)
- 包括默认的导航皮肤
- 支持
Flash
和HTML5
Droplet 说明
- 配置文件:
normal.config
- 默认模版/皮肤配置文件:
defaultbuttons.skin
MAKE PANO (MULTIRES)
用法说明
- 生成多分辨率全景
- 制作所有类型的全景
- 只有特定的切片在需要时载入 没有尺寸/分辨率限制
- 包含默认的导航皮肤
- 支持
Flash
和HTML5
Droplet 说明
配置文件: multiresconfig
默认模版/皮肤配置文件: defaultbuttonsskin
MAKE PANO (SINGLESWF)
用法说明
- 生成普通 (=单分辨率) 全景同时将所有文件嵌在一个SWF文件中只输出一个SWF文件和一个HTML文件
- 制作典型的360度全景
- 全部全景图将会一次性载入 默认下方块最大变长为2048像素(可以在配置文件中修改)
- 包含默认的导航皮肤
- 仅支持
Flash
Droplet 说明
配置文件: singleswfconfig
默认模版/皮肤配置文件: defaultbuttonsskin
MAKE PANO (FLAT)
用法说明
- 生成平面切片多分辨率图像
- 制作平面图像 输出时既定为平面图像
- 只有特定的切片在需要时载入 没有尺寸/分辨率限制
- 包含有默认导航按钮的皮肤,针对特定的视角
- 支持
Flash
与HTML5
Droplet 说明
- 配置文件:
flatconfig
- 默认模版/皮肤配置文件:
flatxml / flatskinxml
MAKE VTOUR (NORMAL)
用法说明
- 生成普通 (=单分辨率) 全景并将它们整合到一个虚拟漫游中
- 制作典型的 360 度全景
- 全部全景图将会一次性载入 默认下方块最大变长为 2048 像素(可以在配置文件中修改)
- 包含一个包括导航按钮、可滚动缩略图以及可选择必应地图以及重力感应插件的默认皮肤
- 支持
Flash
和HTML5
Droplet 说明
- 配置文件:
vtour-normalconfig
- 默认模版/皮肤配置文件:
vtourskin-thumbnails-bingmaps-gyroskin
MAKE VTOUR (MULTIRES)
用法说明
- 生成多分辨率全景并将它们整合到一个虚拟漫游中
- 制作所有类型全景图像
- 只有特定的切片在需要时载入 没有尺寸/分辨率限制
- 包含一个包括导航按钮、可滚动缩略图以及可选择必应地图以及重力感应插件的默认皮肤
- 支持
Flash
和HTML5
Droplet 说明
- 配置文件:
vtour-multiresconfig
- 默认模版/皮肤配置文件:
vtourskin-thumbnails-bingmaps-gyroskin
MAKE OBJECT
用法说明
- 生成若干个平面多分辨率图像并将它们整合到一个可缩放旋转的 360 物体影像中
- 制作平面图像物体 所有物体图片的尺寸必须一致
- 只有特定的切片在需要时载入 没有尺寸/分辨率限制
- 包含一个特定的控制物体的皮肤
- 仅支持
Flash
Droplet 说明
- 配置文件:
objectconfig
- 默认模版/皮肤配置文件:
objectxml / objectskinxml
Convert SPHERE to CUBE
用法说明
- 将球面图像转换至立方体图
- 输出的立方体格式、尺寸以及图像尺寸可以在配置文件中修改
Droplet 说明
- 配置文件:
convertdropletsconfig
Convert CUBE to SPHERE
用法说明
- 将六张立方体图像转换成一张球面全景图
- 输出的图像尺寸和格式可以在配置文件中修改
Droplet 说明
- 配置文件:
convertdropletsconfig
Encrypt XML
用法说明
- 将
xml
文件拖放进droplet
进行加密 - 加密过程中
xml
文件会自动被压缩
自定义 droplet
如果内置 droplet
不能满足需求或者需要对一些参数进行自定义。只要复制并重命名一个配置文件与皮肤配置文件,然后复制并重命名一个 droplet
,修改里面的配置路径即可。
vtour 文件夹说明
vtour 文件夹结构
vtour/
| -- panos/ #存放全景切片图片的文件夹
| -- skin/ #存放皮肤相关文件
| -- plugins/ #用来存放插件
| -- tour.swf #krpano flash viewer
| -- tour.js #krpano HTML5 viewer
| -- tour.xml #生成全景的相关配置
| -- tour.html #用来浏览全景的页面,需要本地服务环境
| -- tour_editor.html #添加热点(hotspot)与初始化视角的设置
vtour 运作机制
krpano XML结构