krpano学习整理2

1. 下载krpano安装包，并注册
   1.19版本注册码：
   FXsqTqaGNSZER5dSETEm+VzQEh9sWSa5DZMFsSmMxYV9GcXs8W3R8A/mWXrGNUceXvrihmh28hfRF1ivrW0HMzEychPvNiD8B/4/ZzDaUE9Rh6Ig22aKJGDbja1/kYIqmc/VKfItRE2RTSOIbIroxOtsz626NIpxWksAAifwhpNwuPXqDQpz2sRUMBzoPqZktpkItoSenN2mKd8Klfx7pOuB6CIK3e1CDXgyndqOt2mWybLZcU/wfJVAecfxk15ghiqrzaDsbqrdABDowg==
2. 将全景图放置在一个文件中，根据情况将全景图拖到droplet.bat文件上。（单个全景推荐make pano，多个推荐make vtour）各文件区别：

• MAKE PANO(NORMAL)
  • 简介：
    该模式为基础 360 单全景模式；
    该模式生成的全景为 单分辨率 全景；
    默认方块最大边长为 2048 像素（可以在配置文件templates/normal.config中修改），一次性载入场景
  • 配置路径
    默认模板/皮肤配置文件:skin/defaultskin.xml
• MAKE PANO(MULTIRES)
  • 简介
    该模式为 360 单全景模式；
    多分辨率，可快速动态加载。
  • 配置路径
    默认模版/皮肤配置文件: skin/defaultskin.xml
• MAKE PANO (FLAT)
  • 简介
    生成普通（单分辨率）全景并将它们整合到一个虚拟漫游中；
    全部全景图将会一次性载入，默认方块最大边长为 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 ，修改里面的配置路径即可。

3. vtour文件夹简介
   vtour/
   | – panos/ # 存放全景切片图片的文件夹
   | – skin/ # 存放皮肤相关文件
   | – plugins/ # 用来存放插件
   | – tour.swf # krpano flash viewer
   | – tour.js # krpano HTML5 viewer
   | – tour.xml # 生成全景的相关配置
   | – tour.html # 用来浏览全景的页面，需要本地服务环境
   | – tour_editor.html # 添加热点（hotspot）与初始化视角的设置
4. vtour运作机制

5. krpano XML结构与简介

• 动态热点添加始终显示的文字
  显示 title 中的文字
  

            或者在 <hotpsot> text 中添加显示自定义的文字
            <hotspot name="spot1" url="animatedhotspot_white.png" onloaded="do_crop_animation(64,64, 60);"   ath="-15" atv="-12" onclick="loadscene(get(linkedscene))" text="自定义文字"/>
  
            在热点的 onload 事件中加上 add_all_the_time_tooltip()
            onloaded="do_crop_animation(64,64, 60);add_all_the_time_tooltip()"
  
            空白处加上 action
            <action name="add_all_the_time_tooltip">
                        txtadd(tooltipname, 'tooltip_', get(name));
                        addplugin(get(tooltipname));
                        txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']');
                        set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf');
                        set(plugin[get(tooltipname)].align,top);
                        set(plugin[get(tooltipname)].edge,bottom);
                        set(plugin[get(tooltipname)].x,0);
                        set(plugin[get(tooltipname)].y,0);
                        set(plugin[get(tooltipname)].autowidth,true);
                        set(plugin[get(tooltipname)].autoheight,true);
                        set(plugin[get(tooltipname)].vcenter,true);
                        set(plugin[get(tooltipname)].background,true);
                        set(plugin[get(tooltipname)].backgroundcolor,0x000000);
                        set(plugin