A-Frame的使用 开启WebVR之旅

简 介

---

一、什么是A-Frame？

A-Frame 是一个用来构建虚拟现实（VR）应用的网页开源框架，它是基于HTML的，因而对于Web开发者使用起来得心应手。但是如果你认为A-Frame仅仅是一个3D场景渲染引擎或者一个标记语言那就大错特错了，A-Frame 是基于强大的three.js 框架, 同时提供声明式、组件化、可复用的实体组件结构，HTML只是冰山一角，开发者可以自由的使用JavaScript、DOM API，Three.js，WebVR，和WebGL。

二、A-Frame的高性能

A-Frame 从底层对WebVR做了优化，尽管A-Frame使用DOM，但其元素并不接触浏览器的布局引擎。3D对象的更新全部在低开销内存中通过单个 requestAnimationFrame 来调用，甚至能够像本地应用一样来运行 (90+ FPS)。

三、A-Frame的兼容性

A-Frame在各种平台上的兼容效果都是出人意料的好，只要是WebGL兼容的浏览器都可以；A-Frame支持主流VR头显如Vive, Rift, Daydream, GearVR,Cardboard, 甚至可被用于增强现实（AR）。

当然在没有头显VR支持的情况下3D场景仍然可见，也因此像Firefox、Chrome、Opera、Safari和Edge这些主流浏览器都能够给予用户最大的交互式3D体验。
在移动端方面，iOS和安卓系统也都可以。这其中的大多数手机在插入Google Cardboard耳机时也支持虚拟现实。所以，相比与让虚拟现实工作在您的桌面机环境而言，VR兼容性方面在智能手机上实际上更易于实现与管理。

由于A-Frame构建在HTML之上，所以 A-Frame 和大多数开发库、框架和工具如
React, Preact, Vue.js, Angular, d3.js, Ember.js, jQuery 兼容。

---

狠狠的点击下面的Dome，看看几个A-Frame的实例
Dome1 | Dome2 | Dome3
Dome4 | Dome5 |