使用A-Frame，開(kāi)始打造第一個(gè)Web VR站點(diǎn)！

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

　　VR技術(shù)的出現(xiàn)帶來(lái)的主要是信息、圖像等展示方式的改變。例如，以前玩游戲時(shí)，你只是在枯燥的屏幕上獵殺怪獸，現(xiàn)在通過(guò)VR眼睛你也能體驗(yàn)到身臨其境的參與感。

　　現(xiàn)在，有團(tuán)隊(duì)將VR技術(shù)搬到網(wǎng)頁(yè)瀏覽上。近日，Mozilla旗下的VR研究團(tuán)隊(duì)MozVR推出了一款VR網(wǎng)頁(yè)制作的開(kāi)源框架A-Frame。這套框架能夠降低VR網(wǎng)頁(yè)的制作難度，讓更多的人投入到VR網(wǎng)頁(yè)的開(kāi)發(fā)當(dāng)中，加快這項(xiàng)技術(shù)的普及。

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

??
????
??
??
????
??????
??????
??????
??????
??????
????
??

　　根據(jù)Engadget的報(bào)道，這款A(yù)-Frame框架比傳統(tǒng)的VR網(wǎng)頁(yè)制作要簡(jiǎn)單不少。開(kāi)發(fā)者無(wú)需花時(shí)間學(xué)習(xí)復(fù)雜的3D繪圖標(biāo)準(zhǔn)WebGL，只需要增加A-Frame框架用的代碼，再結(jié)合熟悉的HTML代碼，就能完成VR網(wǎng)頁(yè)的基本組件。
　　也許網(wǎng)站在不久的將來(lái)也面臨從Web2.0向VR的轉(zhuǎn)變！讓我們拭目以待吧！