Krpano 可以方便快速的构建306VR全景漫游场景或全景视频。本篇文章使用的版本为：krpano 1.19-pr16 (build 2018-04-04)，操作系统为Windows。目录——Krpano 功能简介Krpano 功能简介目录：MAKE PANO (NORMAL)MAKE PANO (MULTIRES)MAKE PANO (FLAT)MAKE...
Krpano 可以方便快速的构建306VR全景漫游场景或全景视频。
本篇文章使用的版本为：krpano 1.19-pr16 (build 2018-04-04) ，操作系统为 Windows 。
目录
——Krpano 功能简介
官方软件安装之后，解压后的文件夹里主要有六种全景的模式，其中 MAKE PANO 为单全景模式， MAKE VTOUR 为多个全景合集的 虚拟漫游 。
Krpano 功能简介目录：
MAKE PANO (NORMAL)
简介
- 该模式为基础 360 单全景模式；
- 该模式生成的全景为 单分辨率 全景；
配置路径
- 默认模版/皮肤配置文件:
skin/defaultskin.xml
MAKE PANO (MULTIRES)
简介
- 该模式为 360 单全景模式；
- 多分辨率，可快速动态加载。
配置路径
默认模版/皮肤配置文件: skin/defaultskin.xml
MAKE PANO (FLAT)
简介
- 该模式为平铺模式；
- 仅支持
Flash。
配置路径
- 默认模版/皮肤配置文件:
skin/defaultskin.xml
MAKE VTOUR (NORMAL)
简介
- 生成普通（单分辨率）全景并将它们整合到一个虚拟漫游中；
- 全部全景图将会一次性载入，默认方块最大边长为 2048 像素（可以在配置文件中修改）；
- 包含一个包括导航按钮、可滚动缩略图的默认皮肤。
配置路径
- 默认模版/皮肤配置文件:
skin/vtourskin.xml
MAKE VTOUR (MULTIRES)
简介
- 生成多分辨率全景并将它们整合到一个虚拟漫游中；
- 动态载入，没有尺寸/分辨率限制；
- 包含一个包括导航按钮、可滚动缩略图的默认皮肤。
配置路径
- 默认模版/皮肤配置文件:
skin/vtourskin.xml
Convert SPHERE to CUBE
简介
- 将球面图像转换为立方体图。
Convert CUBE to SPHERE
简介
- 将六张立方体图像转换成一张球面全景图。
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 运作机制
<div id="pano"></div>
<script src="tour.js"></script>
<script>
embedpano({
swf: "tour.swf", // 有则表示加载 flash 引擎，如果设置 html5:only 则不需要该值
xml: "tour.xml", // 启动时的配置文件
target: "pano", // 要渲染到的目标容器 ID
html5: "only", // 如果有需要用到 flash ，可设置为 auto
//id: "krpanoSWFObject", // 默认的 krpano 对象，每一个 viewer 对应唯一 id ，与 JS 交互时要用到
mobilescale: 1.0, //移动设备缩放，1 表示不缩放，默认 0.5
passQueryParameters: false //是否接受 URL 传参，例如：tour.html?html5=only&startscene=scene2
});
</script>krpano XML 结构与简介
<krpano>
<include>
<preview>
<image>
<view>
<area>
<display>
<control>
<cursors>
<autorotate>
<plugin>
<layer>
<hotspot>
<style>
<events>
<action>
<contextmenu>
<network>
<memory>
<security>
<textstyle>
<lensflareset>
<lensflare>
<data>
<scene>
</krpano>krpano XML结构目录（Krpano 内置元素说明）
1.krpano
krpano 元素是 krpano xml 文件的根元素。任何一个 krpano xml 文件内的其它元素都要被 krpano 元素所嵌套。
02.include
include 元素用来引入其它 xml 文件的内容。例如我们常要用到的 vtourskin.xml 就是使用 include 嵌入到主 xml 中。
03.preview
预览图设置，也就是全景图完全载入之前的模糊图像。因为体积较小，因此载入速度较快，会在全景图之前先载入，避免黑屏。
04.image
image 元素用来设置全景图，包括全景图类型，渐进分辨率切片显示等。
05.view
view 元素控制全景的视野，例如起始视角、视角限制与缩放等等。当要设置限制视角或设定特定的初始视角时，需要自行设定或使用插件获取代码。
06.area
area 元素控制全景图在浏览器窗口中显示区域大小。
07.display
控制全景图的显示品质。
08.control
设置鼠标、键盘以及触摸设备对全景浏览的控制方式。
09.cursors
设置鼠标光标样式。
10.autorotate
控制自动旋转。
11.plugin
用来调用插件、插入图片或生成容器。
12.layer
与 plugin 作用相同，只是名称不同。
13.hotspot
热点，可在 3D 空间中插入图片，使之随着 3D 空间一同运动，可制作很多特效。
14.style
可以保存其它元素的属性子集。
15.events
可调用各类型事件，例如全景载入的不同阶段以及鼠标触发的不同行为等。
16.action
自定义动态代码。
17.contextmenu
定义右键菜单的内容。
18.network
控制图像的下载、缓存与解码。
19.menory
控制全景图在设备中的存储。
20.security
Flashplayer 和 HTML5 相关的安全/跨域设置。
21.lensflareset
镜头眩光的设置（目前只能在 flash 下使用）。
22.lensflare
生成镜头眩光（目前只能在 flash 下使用）。
23.data
可放置任意的数据。
24.scene
可放置任意 krpano 元素。每个 scene 元素只有在被 loadscene 时才会被载入到浏览器进行解析。
——常用设置
小行星开场
开启小行星，先找到 tour.xml ，然后搜索 littleplanetintro 将其值设置为 true 即可。
<skin_settings
...
littleplanetintro="true"
...
/>加载动画
在官方的案例文件夹中找到 loading-progress 这个文件夹，将需要的文件内容复制到项目中的 skin 文件夹，然后在 tour.xml 文件中引入该文件即可，这样重新打开就可以看到有动态的进度条了。
最低0.47元/天 解锁文章
1416
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
