pano2vr 全景漫游制作一、 单个全景制作1.1. 运营【pano2vr】，进入主界面；1.2. 点击【选择输入】，选择全景图片；1.3. 【输入】-【类型】默觉得【自动】，点击全景图【打开】，选定图片后，点【拟定】返回主界面；1.4. 【打补丁】可将LOGO放入全景；1.5. 可加入多种补丁，点击【增长】添加一种补丁，按下图进行设立；1.6. 【显示参数】可调节全景的水平和垂直角度以及正北方向；1.7. 【显示参数/限制】用于指定全景初始的视角，【平摇】为水平方位，【俯仰】为垂直方位，【FoV】为可视角度，【正北】可调节全景的方位；1.8. 【顾客数据】用于填写作品有关的信息和全景的经纬坐标；1.9. 点击【纬度】后的坐标按钮，设立全景的经纬度信息；通过【设定正北标记】和【选择地标】可以便的设立正北方位；1.10. 【交互热点】可在全景实现人机交互的功能；1.11. 在图片中的任何位置双击加入一种点型热区；1.12. 向左移动至大门，再添加一种多边型热区；1.13. [媒体]中可加入背景音乐、图片和视频等；1.14. 点击右侧的[打开]文献名，可选择背景音乐；1.15. 在左侧图片的相应位置双击，可添加图片和视频；1.16. 在电视位置双击，可添加视频；1.17. 在主界面的[输出]中选择输出格式后，点击[增长]；1.18. 选择系统自带的皮肤；1.19. 设立[FLASH输出]的视觉效果；1.20. 设立[FLASH输出]的视觉效果；1.21. 点击[拟定]生成SWF格式文献，即完毕；1.22. 在主界面的[输出]中选择输出格式[HTML5]后，点击[增长]1.23. 点击[拟定]生成HTML5格式文献，即完毕；二、 多种全景漫游制作2.1. 完毕单个全景的基本上，在主界面右侧的【漫游浏览器】中，鼠标右键选【Add Panorama】添加新的全景；2.2. 参照【一】的环节依次加入全景2和3；2.3. 接下来需要对所有全景设立交互热点，依次选择全景，设立【交互热点】-【修改】注：1.填写【ID】时，需要与【URL】中的编号一致，便于后期导航图和缩略图的皮肤制作；2.【皮肤ID】也是与皮肤中的热点名称一致，这里暂且定义为’hs1’；2.4. 完毕三个全景的热点交互之后，右侧漫游浏览器中每个全景的‘感慨号’就消失了！2.5. 多种全景漫游的制作到此就OK了！点击【所有】看看效果吧！三、 脚本编辑在【主界面】-【输出】中点击【参数】按钮；参照下图，点击【编辑】按钮，进入皮肤脚本编辑界面；参照下图设立皮肤的大小后，就可以准备皮肤脚本的制作！3.1. 工具栏制作3.1.1. 参照下图添加一种【绘制矩形】3.1.2. 双击已绘制的【矩形】，设立【尺寸】、【背景】和【边框】等参数注：尺寸-高的数值按照按钮图片的高并预留上下部分的空白，本例中按钮图片为40*40；3.1.3. 参照下图添加一种图片作为按钮，然后点击新增的图片，修改【ID】为‘tool_left’3.1.4. 依次加入所有的按钮图片并拖到相应的位置，并将【矩形】拖到皮肤的左下角（或你喜欢的位置），记住要设立【锚点】接下来就要对每个按钮设立功能，双击【tool_left】弹出【图片属性】，选择【动作/修改器】3.1.5. 参照下图设立动作，并依次右上下和放大、缩小（下文不再具体阐明）第7个和第8个按钮如下3.1.6. 再添加两个【矩形】，分别是缩略图（sltbar）和导航图(dhtbar)，并分别放至左上角和右上角注：为以便演示，皮肤大小调节为640*380，所有完毕后可以再进行调节；3.1.7. 参照下图设立第9个和第10个按钮的动作最基本的皮肤制作到此已完毕，保存皮肤并返回主界面，生成输出看看效果吧！尚有一种小小的美化的解决，三个bar的透明解决，再次进入皮肤编辑界面，双击【toolbar】，参照下图设立透明度和动作，别忘了此外两个bar保存皮肤并返回主界面，生成输出看看效果吧！是不是美了！？3.2. 缩略图制作3.2.1. 双击【sltbar】矩形，修改尺寸3.2.2. 目前开始【sltbar】的制作，参照【3.1.3】的措施在缩略图矩形中加入左右两个方向箭头3.2.3. 在中部加入【容器】，修改【ID】并设立大小和位置3.2.4. 双击‘slt_center’【容器】，勾选【蒙版】3.2.5. 再添加一种【矩形】，【ID】为‘slt_center_items’，并设立【矩形属性】3.2.6. 在‘slt_center_items’【矩形】中依次加入缩略图【图片】3.2.7. 依次为每个缩略图设立[交互热点替身],双击第一种缩略图，填写[交互热点替身ID]为‘Point0101’3.2.8. 点击[动作/修改器]选项卡，设立[动作]，其中‘dt0101’和‘yellow dot’是导航图中的对象名称3.2.9. 第二、三个缩略图如下 3.2.10. 在右侧的【树】中，将‘slt_center_items’【矩形】拖入‘slt_center’【容器】中3.2.11. 修改‘slt_center_items’【矩形】的位置，与‘slt_center’【容器】的位置一致3.2.12. 在右侧的【树】中双击‘slt_left’,进入【动作/修改器】3.2.13. 在右侧的【树】中双击‘slt_right’,进入【动作/修改器】目前可以告诉你一种好消息，缩略图的皮肤已经完毕了，保存脚本-生成输出看看效果吧！3.3. 导航（雷达）图制作3.3.1. 参照下图添加一种【绘制矩形】3.3.2. 双击已绘制的【矩形】，设立【尺寸】、【背景】和【边框】等参数注：尺寸-高的数值按照按钮图片的高并预留上下部分的空白，本例中按钮图片为300*300；3.3.3. 参照下图添加导航图，然后点击新增的图片，修改【ID】为‘dht_t01’3.3.4. 参照下图添加导航点，然后点击新增的图片，修改【ID】为‘dt0101’，需要特别注意的是[交互热点替身ID]，必须填写与之前设定的热点ID（详见2.3章节内容）保持一致，如‘Point0101’3.3.5. 依次添加另两个导航点3.3.6. 参照下图添加目前导航点图片3.3.7. 参照下图添加雷达图片3.3.8. 双击‘yellow_dot1’，设立[图片属性]3.3.9. 双击[树]中的‘dt0101’，设立[图片属性]3.3.10. 依次设立‘dt0102’和‘dt0103’的[图片属性]dt0102dt0103目前又可以告诉你一种好消息，导航（雷达）图的皮肤已经完毕了，保存脚本-生成输出看看效果吧！3.4. Google（百度）地图制作Google地图比较以便，由于PANO2VR里集成了google地图，具体设立如下：1． 参照下图添加一种矩形2． 在矩形‘mapbar’中添加一种[文本区]3． 双击刚添加的[文本区]填写[文字]，注意脚本中的width和height需要与尺寸相符4． 关闭[皮肤编辑器]，在[HTML5输出]的[HTML]选项卡中勾选‘Include Google Maps’选项百度地图比较以便，因素很简朴，PANO2VR里没有集成了百度地图，具体设立可参照Google地图，但第4节中则不需要勾选‘Include Google Maps’选项，但在生成好的HTML文献中需要在Body的底部加入百度地图的脚本，如下：