全景漫游设计器 Virtual Tour Builder

  • 包含免费皮肤模版
  • 无需krpano代码知识
  • 7种类型的兴趣点热点
  • livepano生成助手
  • 包含4个商业插件
  • 自适应移动端和VR模式
  • 包含三种皮肤

 

简介

本设计器用于在本地上使用(krpano测试服务器)。当前版本 2.0

本设计器是用于创建和编辑由krpano的MAKE VTOUR (MULTIRES) droplet 或 MAKE VTOUR (NORMAL) droplet生成的全景漫游的完全的集成编辑器,

本设计器运行于浏览器环境中。

本设计器适合以下人群使用:

  1. 不了解krpano的设计语言
  2. 希望快速和有效实现漫游效果
  3. 希望设计一个时尚的吸引人的且有前沿技术的虚拟漫游
  4. 希望享受免费高品质资源 – 模版、模块、兴趣点和构成系统

 

特性

  1. 仅在HTML5下使用!
  2. 友好的可视化界面
  3. 多语言应用
  4. 创建和编辑场景分组
  5. 支持多分组(同一个场景存在于不同分组)
  6. 在所有选择的语言中编辑标题和简介
  7. 在模版中更改主色调
  8. 根据全景在地图的定位编辑标题和简介
  9. 设置每个全景的初始视角
  10. 管理项目标题
  11. 简单单击保存更改并且下载xml文件。
  12. 高级模块
  13. 免费模版
  14. 兴趣点(热点)系统
    • 链接到场景
    • 弹出HTML
    • 弹出图文(包含编辑器)
    • 弹出照片
    • 3D声音
    • 镜头眩光
    • Youtube视频
  15. Livepano助手!
  16. VR场景分组菜单
  17. 截图插件
  18. 贴纸模块 链接:http://pan.baidu.com/s/1o8tZEP0 密码:yc15

cs1

未命名_副本2

未命名_副本

 

四个商业插件

  • 镜头眩光插件
  • HTML5-VR声音插件
  • HTML页面弹出
  • 谷歌地图距离计算

 

独特模块

  1. Facebook
  2. Logo (包含链接和提示)
  3. 场景标题 (多语言支持)
  4. 项目标题 (多语言支持)
  5. 主色调
  6. 谷歌地图模块
  7. VR模式开关
  8. 切换语言
  9. 社交分享
  10. 全屏切换
  11. 公司版权 (包含链接和提示)
  12. 全景序号
  13. 分组标题 (多语言支持)
  14. 激活分组
  15. 分组切换
  16. 贴图模块

 

附加模块

  1. 谷歌地图分析
  2. 项目启动时的简介
  3. 其它

 

模版

modules

  1. 免费使用
  2. 多语言支持
  3. 时尚和轻量化设计
  4. 适应Retina设备
  5. 对应移动端的单独模版
  6. 快速加载
  7. 可由VT Builder管理的模块
  8. 可由VT Builder管理的兴趣点系统
  9. 独特的VR菜单 – 由缩略图和指定的语言动态生成

 

在线演示

Spartacus Light

Spartacus Dark

Butterfly

 

安装方法

1. 使用MAKE VTOUR (MULTIRES) droplet  MAKE VTOUR (NORMAL) droplet 生成漫游

2.从你vtour文件夹下移除下面的文件夹和文件

  • skin (文件夹)
  • tour.html (文件)
  • tour.swf (文件)
  • tour_editor.html (文件)
  • tour_testingserver.exe (文件)
  • tour_testingserver_macos (文件)

3. 将vt-builder.zip解压缩,将里面的文件夹和文件粘贴到vtour文件夹里。

4. 在代码编辑器中打开 “tour.xml” 在下面的代码(第三行)

改为

5. 移除下面代码

6. 使用krpano测试服务器打开。

 

皮肤模版下载及使用方法

Spartacus-light (1.8.1)
Spartacus-dark (1.8.1)
Butterfy (1.0.1)

 

将下载到的压缩包解压到skin/templates/ 覆盖

如果是使用butterfly皮肤模版,请按照以下方法操作。

请在tour.xml

下面加上以下代码来更改默认设置

 

说明

* header_open_ico: 右上角按钮图标
* fullscreen_ico: 全屏图标
* vr_ico: VR模式图标
* share_ico: 分享图标
* autotour_ico: 自动漫游图标
* snapshot_ico: 截图图标
* gyro_ico: 陀螺仪图标
* help_ico: 帮助图标
* hide_title_on_top: 布尔值 – 在顶部显示/隐藏标题
* hide_tooltip: 而而至 – 显示/隐藏含有场景名的文本提示
* font_family_global: 全局字体系列的名字(该字体在index.html文件的head部设置)
* autotour_isset_to: 布尔值 – 在运行时自动开始漫游
* autotour_speed_isset_to: 数值 – 自动旋转的速度

* thumbs_ico: 缩略图图标
* prevpano_ico: 预览场景图标
* nextpano_ico: 下一个场景图标
* infobox_ico: 场景信息弹出切换图标
* thumbs_size: 数值 – 缩略图尺寸

* map_ico: 地图图标

* poi_size: 数值 – 兴趣点尺寸 – 使用1个或2个数值,用 ‘|’分开,例如 : poi_size=”45″ (兴趣点宽度和长度 = 45) 或 poi_size=”45|65″ (兴趣点宽度=45 以及兴趣点高度=65)
* poi_css_size: 数值 – 兴趣点字体尺寸
* poi_roundedge: 数值 – 兴趣点圆角 (除了链接到新场景的兴趣点)
* poi_panorama_roundedge: 数值 – 链接到新场景的兴趣点圆角
* poi_flip_color: 布尔值 – 兴趣点字体颜色和兴趣点背景切换颜色

* poi_panorama_color: 场景兴趣点背景颜色
* poi_panorama_ico: 场景兴趣点图标
* poi_info_color: 信息兴趣点背景颜色
* poi_info_ico: 信息兴趣点图标
* poi_photo_color: 图片兴趣点背景颜色
* poi_photo_ico: 图片兴趣点图标
* poi_audio_color: 声音播放兴趣点背景颜色
* poi_audio_ico: 声音播放兴趣点图标
* poi_popup_color: 超链接弹出兴趣点背景颜色
* poi_popup_ico: 超链接弹出兴趣点图标
* poi_youtube_color: youtube视频兴趣点背景颜色
* poi_youtube_ico: youtube视频兴趣点图标

* poi_txt_maxwidth: 数值 – 信息兴趣点最大宽度(桌面和平板)
* poi_txt_maxheight: 数值 – 信息兴趣点最大高度(桌面和平板)

 

教学视频下载

链接:http://pan.baidu.com/s/1i5x6ouD 密码:2w6x

 

注意

  1. 至少使用1.19 pr8以上版本。
  2. 不要修改其它代码。