Mozilla 開源 web 虛擬現實框架 A-Frame

jopen 8年前發布 | 6K 次閱讀 A-Frame

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" 按鈕。

VIA roadtovr


轉載自:moduo魔多

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!