一、H5全景图-朋友圈全景图-720°全景-VR -----工具使用

原文地址：
http://blog.csdn.net/qq_24889075/article/details/51970006
http://www.jianshu.com/p/342f81c1d58d

其实pano2vr软件的使用，操作很简单的

工具：Pano2VR 、Firefox 、Google Chrome

提示：Pano2VR  有破解版 有正式版，推荐使用正式版。

首先打开Pano2VR 熟悉一下界面

大体有这么几个模块：
1. 输入：导入、设置全景图片
2. 输出：输出列表、选择输出方式（’增加’其实就是输出到本地）
3. 显示参数 :看那三个参数都能猜出来，就是显示什么样呗（其实是刚刚载入这个场景时候显示的样子，也就是默认显示）
4. 用户数据：用来设置用户信息的
5. 交互热点：热点就是和用户交互的点，可以当做按钮。
6. 媒体：设置媒体文件的地方。常见的媒体：图片、音频、视频

漫游浏览器其实就是一个场景显示列表。

我们导入一张全景图来看看

输入模块中的图片是导入进来的全景图，显示参数模块是进入场景的显示状态，漫游浏览器以后不介绍了，也没啥说的。

输入模块

选择输入：
类型不建议手动选择了，因为是程序根据图片自动识别的，手动设置肯能出现一些不可预知的问题。
全景图是我们选择的图片路径。
交互热区这里不介绍了（等弄用到时候你们自己就会了）。

打补丁：
有时候由于拍摄或者图片拼接时候处理有问题，导致脚底或者天空显示有问题（比如马赛克、黑洞）那么这时候我们想让其变得美观一些就要做一些事情了：补天填地。

还可以放公司logo哦

点击打补丁，新建：

位置模块:这里是设置画面显示的状态，我们可以手动拖拉右侧图片也可以在这里设置。
网格模块:是为了我们更好的打补丁，根据个人需求来设置。
输出模块:设置输出的照片参数。

要注意的是最后的提取和插入，提取按钮是将我们右侧显示的画面输出到我们在输出模块设置的位置。插入按钮是将我们在输出模块设置的位置的图片替换为我们右侧显示的画面。

实操：

我们可以看见我场景中的天和地都是黑洞，那么我现在想将其换掉，可以这样做：
1. 在场景中提取一个相近的图片，然后在覆盖黑洞。
2. 用提前找好的图片来覆盖黑洞。

在这里我用方法一吧
首先提取一张相似的图片

然后选择黑洞合适的位置将其覆盖

OK完成了~ 奏是这么简单….

转换输入的图片这个不建议乱改（略）

显示参数

个人感觉这里没啥可说的，自己点点左侧的右侧自己显示了。
这里是设置进入场景显示的状态，也就是说右侧显示的样子就是刚进入场景的样子

用户数据

同样没啥可说的略

交互热点

点型和多边形交互热区：这个下面会说一下的
交互热区：略
热点列表：看名字就知道，列表嘛~

主要看点型和多边形交互热区，这里分为两种：点型热点和多边形热点

如果了解过编程基础知识的可以把热点想象成一个’对象‘，没编程基础的就把热点想象成按钮吧~
热点拥有自己的id（就是按钮的身份证号）
热点可以设置皮肤id（按钮的样式相当于人穿的衣服）
标题就是标题啦（鼠标放在热点上会显示一个小的说明框）
URL就是点击热点跳转到哪个场景
目标就是场景的显示样式

这里唯一要特别说明的就是，系统默认的热点样式有点丑，我们想把它设置为我们自己的图片需要这样做:

实操

设置样式需要皮肤id，要想有皮肤id就得有皮肤，那么皮肤在哪里创建呢？
工具–皮肤编辑器(快捷键 ctrl+k) 这样就打开皮肤编辑器了
我们可以在这里自己设置皮肤，也可以在别人的皮肤上面进行修改。具体怎么操作，会PhotoShop 或者玩过SVG的应该一看就知道了。

在这里我随便拖一个图形，记录下id（自己设置为一下最好，能按照命名规范就更好了）
然后在点型和多边形交互热区界面中设置皮肤id，这个id就是刚刚记录的id。

可能有点时候引用了些资源导致直接输出的时候热点没有设置上皮肤，此时应该在输出中的皮肤/控制器 中导入包含热点皮肤id 的皮肤

皮肤中可以设置各种事件的，有兴趣可以研究去。皮肤也可以设置一些导航神马的就是看你脑洞大不大了…这里不介绍

媒体

这里也没啥可说的，当你导入了媒体资源是这样的

就是设置一下你播放时候的样式和其他参数

输出

这里有这么几种可选类型，flash就不选了为啥呢百度去，选h5了。

点击增加（其实这个就相当于其他软件的生成按钮）
这里只介绍设定、高级设置、HTML的部分功能

设定：

切片设置：面片尺寸和质量不要管，默认就行没玩明白就不要乱改了。图片名和面片名可以根据自己命名规则改一下。
显示：尺寸就是生成后显示的大小；FoV模式就是视野模式，根据自己需求设置

自动旋转：这个也不用说了吧，看名就能看懂了

皮肤/控制器：添加皮肤的

输出：输出的路径

高级设置：

下载/预览：加载过程中显示的样式
热点文本框和多边形文本框：就是设置热点文本框的
控制：就是控制鼠标的

其实软件上面已经写的很清楚了，没必要在这里浪费口舌

HTML

如果不选择开启html文件输出的话，那么生成的将只是有核心代码的’程序’，如果选择了的话软件会给你打包一个类似于Demo的html文件（这个文件就是将用核心代码将全景图显示出来）

模板参数就是设置一些生成的html文件一些参数（就是Demo的参数）

格式：html和htm没啥区别哪个都行

到此我们基本都介绍一遍了，下一篇我们开始分析生成的源代码

自己用了两个小时把这个工具学了一下，感觉还挺有意思的。
之后前到贴吧中的一篇帖子后感觉也不错推荐一下：【Pano2VR 教程】从会走到飞跑

原文地址：
http://blog.csdn.net/qq_24889075/article/details/51970006
http://www.jianshu.com/p/342f81c1d58d