krpano 全景图学习笔记

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 像素(可以在配置文件中修改)
  • 包括默认的导航皮肤
  • 支持 FlashHTML5

Droplet 说明

  • 配置文件: normal.config
  • 默认模版/皮肤配置文件: defaultbuttons.skin

MAKE PANO (MULTIRES)

用法说明

  • 生成多分辨率全景
  • 制作所有类型的全景
  • 只有特定的切片在需要时载入 没有尺寸/分辨率限制
  • 包含默认的导航皮肤
  • 支持 FlashHTML5

Droplet 说明

配置文件: multiresconfig
默认模版/皮肤配置文件: defaultbuttonsskin


MAKE PANO (SINGLESWF)

用法说明

  • 生成普通 (=单分辨率) 全景同时将所有文件嵌在一个SWF文件中只输出一个SWF文件和一个HTML文件
  • 制作典型的360度全景
  • 全部全景图将会一次性载入 默认下方块最大变长为2048像素(可以在配置文件中修改)
  • 包含默认的导航皮肤
  • 仅支持 Flash

Droplet 说明

配置文件: singleswfconfig
默认模版/皮肤配置文件: defaultbuttonsskin


MAKE PANO (FLAT)

用法说明

  • 生成平面切片多分辨率图像
  • 制作平面图像 输出时既定为平面图像
  • 只有特定的切片在需要时载入 没有尺寸/分辨率限制
  • 包含有默认导航按钮的皮肤,针对特定的视角
  • 支持 FlashHTML5

Droplet 说明

  • 配置文件: flatconfig
  • 默认模版/皮肤配置文件: flatxml / flatskinxml

MAKE VTOUR (NORMAL)

用法说明

  • 生成普通 (=单分辨率) 全景并将它们整合到一个虚拟漫游中
  • 制作典型的 360 度全景
  • 全部全景图将会一次性载入 默认下方块最大变长为 2048 像素(可以在配置文件中修改)
  • 包含一个包括导航按钮、可滚动缩略图以及可选择必应地图以及重力感应插件的默认皮肤
  • 支持 FlashHTML5

Droplet 说明

  • 配置文件: vtour-normalconfig
  • 默认模版/皮肤配置文件: vtourskin-thumbnails-bingmaps-gyroskin

MAKE VTOUR (MULTIRES)

用法说明

  • 生成多分辨率全景并将它们整合到一个虚拟漫游中
  • 制作所有类型全景图像
  • 只有特定的切片在需要时载入 没有尺寸/分辨率限制
  • 包含一个包括导航按钮、可滚动缩略图以及可选择必应地图以及重力感应插件的默认皮肤
  • 支持 FlashHTML5

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结构