Mozilla 開源 web 虛拟現實架構 A-Frame

mozilla今天釋出了全新的開源架構 a-frame，旨在幫助開發者更輕松的開發在浏覽器中運作的高性能響應式的vr體驗，而不用學習強大但非常複雜的 webgl。mozila 旗下的 mozvr 團隊已經在 webvr 技術上進行了很多試驗，今天釋出的 a-frame 則是他們研究成果的結晶，已經可以提供給開發者進行探索了。開發者隻需一行代碼就可以內建支援 vr 頁面所需的基本元件。

<script src="https://aframe.io/releases/latest/aframe.min.js"></script>

加入這行代碼，web開發者就能夠開始使用他們所熟悉的html代碼建立一些簡單的vr網頁。mozilla同時釋出了a-frame的詳細文檔，對a-frame感興趣的同學可以參考文檔内容進行自己的試驗。

a- frame很大的一個優點是提供了對 vr 頭戴裝置和非 vr 裝置——例如電腦以及智能手機——之間的無縫響應。a-frame 目前支援 oculus rift dk2 以及 cardboard 類的紙盒眼鏡，并會在未來對更多的裝置提供支援。根據 mozvr 團隊的消息，他們很快将會利用 oculus 最新的 0.8版本runtime 來更好的優化75hz的頭部追蹤。文末将會教你如何設定 oculus rift使其支援 webvr，而手機端的 vr 模式以及所有的非 vr 渲染則可以在任何支援 webgl 的浏覽器中工作。

a-frame 擁有許多的開發子產品供開發者使用，例如模型、視訊、天空、幾何體等等，同時內建了控制、動畫以及光标，使得開發者能夠輕松的建構富互動的vr網站。a- frame 提供了許多模闆，幫助開發者迅速上手，并且 mozilla 還鼓勵開發者之間分享自己制作的模闆，來加快 webvr 網站的建立。

“如 果我們關心 web 技術，覺得 web 技術非常的酷炫，我們不應該等待 vr 行業的成形、成熟再進研究 web vr 的技術，因為這一過程可能會長達五年之久，我們必須籌劃未來。” joshua carpenter，mozvr 團隊的産品設計總監在上個月的一場 mozilla 的活動中說到，“這是我在 mozilla、更确切的說是 cto 辦公室的主要工作——對于 web 平台的未來進行一些研究項目。”

談到 webvr 的現狀以及 a-frame 時，carpenter 說這個工具很強大，但還不能在數以百萬計的現存 web 開發者中普及。

“目前需要解決的最大的問題是 webvr 的體驗太難制作。web 的核心價值是易用性”，他說，“你不需要安裝任何東西 web 就可以正常工作，你就可以打開連結。當你想自己制作一些東西時，你也隻需要敲幾行代碼并且釋出就行，沒有人會告訴你‘你做不到’。”

a-frame被設計出來正是為了将易用性這一價值在 webvr 的開發中實作。

目前的一部分挑戰是你不能僅僅隻為vr頭戴裝置提供正确的響應支援，你還需要消除webvr開發對于webgl深層知識的需求。

“a-frame 的目标群體是web開發者，他們中的絕大多數都因為對 webgl 缺乏了解而無法進行 webvr 的開發工作，而 webgl 這一個強力但複雜的 3d api 是 webvr 運作的基礎。”carpenter 告訴我說，“一個用 a-frame 來開發 vr 網站的 web 開發者隻需要在他們原本的代碼中加上一行，就可以進行 webvr 的開發了。”

附：使 oculus rift 可以浏覽 webvr 的方法

1、安裝最新的oculus runtime。

2、安裝 firefox nightly, 或者開發者版的 chromium。

3、安裝 webvr enabler 插件 (隻有firefox有)。

4、打開你的網站。

5、確定你的 oculus rift 已經正确插入并正常工作，oculus rift 上的訓示燈應該是藍色的。

6、點選 "enter vr" 按鈕。

====================================分割線================================