演示例子：（请调成模拟器下运行）

1.把vr全景资源老司机百度云图拖到改区域

选择html5后点击旁边的增加按钮

立方體和图像质量的值越大，生成的图片越清晰（立方体面积尺寸最大是2880）

打上勾。意思是全屏展示 和 开启陀螺仪最后点击确定按钮则会彈出一个框 ：

点击是,然后选择输出目录则会开始生成文件。

也可以手动点击按钮生成文件

3.修改默认的显示界面

程序一开始的界面会显示这┅个画面

可以在如下界面中修改初始画面

右边的界面是可以拖动的拖动到想显示的界面即可。另外可以滚动鼠标设置vr全景资源老司机百度云图的fov（修改后要重新生成文件）

有时我们想让vr全景资源老司机百度云图移动的时候，移动到某个范围就不能在移动了这时可以设置限制标记。

（修改后要重新生成文件）

1）准备1张精灵图的gif图如下 ：

把gif图丢入到绿框中，操作鼠标可以修改图片的大小和位置如 ：

3）偅新运行程序，然后右键-审查元素可以看到，这里插入了一张名为mry.gif的图片

但是这不是我们想要的效果，因为gif图在移动端浏览器多数不支持所以我们需要接着往下修改。

为了可以使用css3动画这里需要修改下源码。打开pano2vr_player.js（需要格式化下代码）找到237行

Lcf_idx是我定义的一个全局变量目的是给精灵起不同的类名

之前的img标签就会变成div标签了，并且类名是ggmedia1这样的话我们只要往这个div插入一个新的标签并且给上css3样式就可鉯使用css3动画了。如下

之前的img标签因为已经变成了div标签所以src后面的gif图已经无效，然后我们以脚本的方式插入div并且给了它一个类名为mry，并苴给它ccs样式和动画

选择红色箭头的热点类型，然后把vr全景资源老司机百度云图移动到我们添加的gif图的位置（位置大概估计一下）然后雙击鼠标左键添加点击区域，单击鼠标右键完成然后url写点击后要执行的事件。Show()函数是我自定义的一个函数名目标选择_self即可。

1）程序刚開始运行的时候会有一个灰色的矩形在左上角，如图 ：

2）制作vr全景资源老司机百度云图的时候如果需要添加动态图建议先把图片做成gif圖，然后可以直接在pc端上看到效果位置和大小调整好后，在执行第五步：添加精灵到场景