VR虚拟现实网页+H5Builder实现手机VR效果（可生成apk，ios）

如今的H5页面不仅可以在网页端显示，也可以移植到手机app端；用H5Builder和手机进行USB调试模式可以在手机上调试程序；同时也可以通过H5Builder将程序打包成apk安装包或ios安装包。

首先先准备以下东西：

1.H5Builder编辑器：H5Builder链接 ： http://www.dcloud.io/

2.安卓或苹果手机一部（需要打开USB开发者调试模式）

3.电脑一部

准备完东西后可以开始了：

文件----新建-----移动App （空模板就可以了）

新建完之后：

这里VR网页采用A-Frame框架：

在img目录下我放了一张全景图片，https://pan.baidu.com/s/1kkeQxUV4P0PCCrLVKfRtXQ

注意必须要用全景图片才行

使用VR网页必须要引入a-frame的js，然后进行标签进行使用，

标签代表含义：作为一个场景容器，里面可以放text，entity，sky，assert等等元素

可参考： https://aframe.io/docs/0.8.0/core/scene.html#sidebar

标签代表含义 ：  可以将背景颜色或者360度全景照片添加到场景中，天空是一个大的球体，里面有颜色或纹理。

可参考 https://aframe.io/docs/0.8.0/primitives/a-sky.html#sidebar

标签代表含义：作为一个文本容器可设置字体相关属性

可参考 https://aframe.io/docs/0.8.0/primitives/a-text.html#sidebar

接下来网页运行效果：

用USB接口连接到手机后，在HBuilder中点击真机运行, 展示效果：

连接成功后可以看到后台开始运行：

手机开始运行：

打包成apk（点击 发行 ----云打包-打原生安装包）

这里使用DCloud公用证书，Google开发者证书，在打包之前也可双击manifest.json添加需要的权限

打包完成后，云端会进行审核，审核通过就可以下载apk了，通过发行--查看云打包状态

点击VR眼镜按钮，就可以看到：

再使用VR设备可以进行观看