aframe.js只需要会HTML就能搭建VR场景和物体

aframe.js只需要会HTML就能搭建VR场景和物体

只需要aframe.min.js就可以在浏览器上用HTML标签绘制VR三维立体物体和场景。

结合aframe-extras.loaders.min.js就可以在场景中载入使用三维立体建模工具建构的.obj格式模型。

建构完成后网页如果使用FireFox浏览器就可以在本地直接运行了。而chrome浏览器和QQ浏览器等或许由于权限问题，如果使用加载.obj外部模型就不能在本地观看场景了。

也可以放到网站服务器上使用，只是在网站服务器上需要设置好MIME，因为一般服务器不能识别.obj模型和.mtl材质文件，所以要这样设置：

.obj = application/object

.mtl = application/mtl

至于三维模型建造可以使用blender或者比较游戏化的类似minecraft的MagicaVoxel。

做出来就是这个样子，用手机浏览器打开，移动手机就会发现图像随着手机上下左右移动相应改变视角。点击右下角眼罩图标，将手机插入VR眼罩内就可以享受身临其境的观看体验了。