Krpano 随笔 (一) 基本使用_webstorm krpano

前期研究

因公司有相关业务需要使用到全景交互，经研究觉得krpano引擎非常适合我们的需求。

此引擎的使用者也非常多，例如 得图云、720云、xxxpano 等；

尝试运行

下载

官网地址：krpano.com - Download

运行

因为我这边还在研究所以没有进行购买付费，所以截图中会出现非常多水印。

（本文以win64版本为例）

解压文件后我这边使用webstorm打开，目录如图所示

 打开examples.html并在浏览器预览（因为webstorm自带本地的server，用File模式打开是没法看到效果的）

 此页面包含一些文档和示例，感觉非常详细。

其他端运行

我这边测试了几个端包括：手机微信网页，电脑微信网页，苹果手机自带浏览器，安卓手机自带浏览器，还有pico上的Firefox Reality。运行几乎没有问题，各平台兼容度不错。唯一要注意的地方：除了localhost，其他都需要https协议才可以使用全部功能，如：手机的陀螺仪，VR模式；

尝试使用

全景图片漫游

在这里我使用到了下载文件中的 krpano Tools.exe

下方build settings 设置为 vtour-vr.config

点击中间的open images 或者把对应的（一张或者多张）图片拖动到这边，即可自动处理成漫游。 

注：没有全景图片的可以在这个网站上下载非常方便：

​​​​​​全景管家，解析全景项目的万能工具

放入图片后 即可自动生成

View Tour 点击后即可看到生成的效果。

图片切换

接上面，点击Edit Tour 

 

 Set as startup view : 按钮是把当前的缩放和视角设置成加载这个漫游时的起始视角；

Add hotspot：按钮是添加一个箭头可以左右上下拖动，点击后可以设置跳转到哪张图片；

我的理解其实就是在这个VTour Editor 动态改变Tour.xml的一些配置项，为不太懂编码的人员提供一个简单的可视化的操作工具。