pano2vr全景图制作教程 .pdfVIP

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