Web VR 开发教程

VR系列教程 （2）－－Web VR 开发教程

// 引入aframe框架

当然，A－Frame 总结：

A-Frame 官网：https://aframe.io/

A-Frame Blog：https://aframe.io/blog/

Awesome A-Frame：https://github.com/aframevr/a...

2.其他WebVR框架

Beloola（https://www.beloola.com/）：Beloola 是一个基于 WebVR 的社交平台，它允许人们在同一个虚拟的空间上实时进行情感交流。

Sketchfab（https://sketchfab.com/）：Sketchfab 是一个不需任何插件即可在 Web 页面里嵌入交互式 3D 模型的服务网站。

Vizor（http://vizor.io/）：该网站提供了可视化编辑器，让任何人都能在浏览器上创建和分享他们的 VR 内容。

Chrome Experiments for Virtual Reality（http://vr.chromeexperiments.com/）：Chrome 团队提供的 6 个 VR 案例。

第三部分：基于ThreeJS的webvr-boilerplate框架

示例的最终效果如下，

打开 http://soaanyip.github.io/webvr-boilerplate-cn/ 并把手机放进cardboard即可体验。

具体地址：https://zhuanlan.zhihu.com/p/21556998

总计：总的来说，搞好WebVR 需要学习这几样技术：

WebGL

three.js(教程地址：http://www.hewebgl.com/)

实例博客（http://blog.csdn.net/ritterliu/article/details/51386980）

10分钟教你完成一个虚拟现实WEB体验（http://mt.sohu.com/20151026/n424132314.shtml）

WebVR.info（https://webvr.info/）

A-Frame（https://aframe.io/）

在今天怎样建立WebVR平台（https://www.sitepoint.com/how-to-build-vr-on-the-web-today/）