使用A-Frame，開始打造第一(yī / yì ／yí)個(gè)Web VR站點！

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

　　VR技術的(de)出(chū)現帶來(lái)的(de)主要(yào / yāo)是(shì)信息、圖像等展示方式的(de)改變。例如，以(yǐ)前玩遊戲時(shí)，你隻是(shì)在(zài)枯燥的(de)屏幕上(shàng)獵殺怪獸，現在(zài)通過VR眼睛你也(yě)能體驗到(dào)身臨其境的(de)參與感。

　　現在(zài)，有團隊将VR技術搬到(dào)網頁浏覽上(shàng)。近日，Mozilla旗下的(de)VR研究團隊MozVR推出(chū)了(le／liǎo)一(yī / yì ／yí)款VR網頁制作的(de)開源框架A-Frame。這(zhè)套框架能夠降低VR網頁的(de)制作難度，讓更多的(de)人(rén)投入到(dào)VR網頁的(de)開發當中，加快這(zhè)項技術的(de)普及。

　　什麽是(shì)A-Frame？A-Frame能幹什麽？讓你的(de)網頁與VR融合，隻需一(yī / yì ／yí)行代碼！
　　A-Frame是(shì)一(yī / yì ／yí)個(gè)用來(lái)構建虛拟現實（VR）應用的(de)網頁開發框架。由WebVR的(de)發起人(rén)MozillaVR團隊所開發，是(shì)當下用來(lái)開發WebVR内容最強大(dà)最易用的(de)技術方案。WebVR是(shì)一(yī / yì ／yí)個(gè)完全開源的(de)項目，已成長爲(wéi / wèi)最大(dà)的(de)VR社區。
　　A-Frame基于(yú)HTML，容易上(shàng)手。但是(shì)A-Frame不(bù)僅僅是(shì)一(yī / yì ／yí)個(gè)3D場景渲染引擎或者一(yī / yì ／yí)個(gè)标記語言。其核心思想是(shì)基于(yú)Three.js來(lái)提供一(yī / yì ／yí)個(gè)聲明式、可擴展以(yǐ)及組件化的(de)編程結構。
　　A-Frame支持主流VR頭顯如Vive,Rift,Daydream,GearVR,
　　Cardboard,甚至可被用于(yú)增強現實（AR）。雖然A-Frame支持全譜，A-Frame的(de)目标是(shì)定義具有位置跟蹤和(hé / huò)操控的(de)完全身臨其境和(hé / huò)交互式VR體驗，超出(chū)基本的(de)360°内容呈現。MozillaVR團隊正在(zài)使用A-Frame構建虛拟實境（Metaverse）項目的(de)基礎。
　　Metaverse由meta和(hé / huò)verse組成，meta表示超越，verse表示現實世界，合起來(lái)就(jiù)寓意超現實，技術上(shàng)是(shì)VR、AR和(hé / huò)移動互聯網的(de)融合。
　　A-Frame的(de)開發方式其實就(jiù)是(shì)使用普通的(de)HTML文件，而(ér)無需安裝任何插件。你可以(yǐ)使用踏得網在(zài)線開發工具來(lái)快速構建一(yī / yì ／yí)個(gè)可在(zài)線部署和(hé / huò)訪問的(de)應用，或者使用SublimeText離線工具來(lái)編寫代碼然後自行發布到(dào)網上(shàng)。如果是(shì)使用前者，我們需要(yào / yāo)在(zài)第三方庫中選擇A-Frame0.5.0，踏得網在(zài)線開發工具會自動幫您在(zài)代碼中引入A-Frame框架；如果是(shì)後者，我們需要(yào / yāo)在(zài)HTML代碼的(de)元素中手動引入A-Frame框架，形式如下:

　　根據Engadget的(de)報道(dào)，這(zhè)款A-Frame框架比傳統的(de)VR網頁制作要(yào / yāo)簡單不(bù)少。開發者無需花時(shí)間學習複雜的(de)3D繪圖标準WebGL，隻需要(yào / yāo)增加A-Frame框架用的(de)代碼，再結合熟悉的(de)HTML代碼，就(jiù)能完成VR網頁的(de)基本組件。
　　也(yě)許網站在(zài)不(bù)久的(de)将來(lái)也(yě)面臨從Web2.0向VR的(de)轉變！讓我們拭目以(yǐ)待吧！