使用A-Frame,開始打造第一個Web VR站點!
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
VR技術的出現帶來的主要是信息、圖像等展示方式的改變。例如,以前玩游戲時,你只是在枯燥的屏幕上獵殺怪獸,現在通過VR眼睛你也能體驗到身臨其境的參與感。
現在,有團隊將VR技術搬到網頁瀏覽上。近日,Mozilla旗下的VR研究團隊MozVR推出了一款VR網頁制作的開源框架A-Frame。這套框架能夠降低VR網頁的制作難度,讓更多的人投入到VR網頁的開發當中,加快這項技術的普及。
什么是A-Frame?A-Frame能干什么?讓你的網頁與VR融合,只需一行代碼!
A-Frame是一個用來構建虛擬現實(VR)應用的網頁開發框架。由WebVR的發起人MozillaVR團隊所開發,是當下用來開發WebVR內容最強大最易用的技術方案。WebVR是一個完全開源的項目,已成長為最大的VR社區。
A-Frame基于HTML,容易上手。但是A-Frame不僅僅是一個3D場景渲染引擎或者一個標記語言。其核心思想是基于Three.js來提供一個聲明式、可擴展以及組件化的編程結構。
A-Frame支持主流VR頭顯如Vive,Rift,Daydream,GearVR,
Cardboard,甚至可被用于增強現實(AR)。雖然A-Frame支持全譜,A-Frame的目標是定義具有位置跟蹤和操控的完全身臨其境和交互式VR體驗,超出基本的360°內容呈現。MozillaVR團隊正在使用A-Frame構建虛擬實境(Metaverse)項目的基礎。
Metaverse由meta和verse組成,meta表示超越,verse表示現實世界,合起來就寓意超現實,技術上是VR、AR和移動互聯網的融合。
A-Frame的開發方式其實就是使用普通的HTML文件,而無需安裝任何插件。你可以使用踏得網在線開發工具來快速構建一個可在線部署和訪問的應用,或者使用SublimeText離線工具來編寫代碼然后自行發布到網上。如果是使用前者,我們需要在第三方庫中選擇A-Frame0.5.0,踏得網在線開發工具會自動幫您在代碼中引入A-Frame框架;如果是后者,我們需要在HTML代碼的元素中手動引入A-Frame框架,形式如下:
?? ???? ?? ?? ?????????? ???????? ?????? ?????? ?????? ????
根據Engadget的報道,這款A-Frame框架比傳統的VR網頁制作要簡單不少。開發者無需花時間學習復雜的3D繪圖標準WebGL,只需要增加A-Frame框架用的代碼,再結合熟悉的HTML代碼,就能完成VR網頁的基本組件。
也許網站在不久的將來也面臨從Web2.0向VR的轉變!讓我們拭目以待吧!
相關內容推薦
最新文章
更多>>0532-88983785 / 0532-68613670
我要定制網站