0532-88983785 0532-68613670
青島網(wǎng)站建設(shè)|青島網(wǎng)站優(yōu)化|青島微信開發(fā)|青島網(wǎng)站制作

使用A-Frame,開始打造第一個(gè)Web VR站點(diǎn)!

時(shí)間:2017-12-15 19:39 來源:山東迅優(yōu)傳媒 作者:admin 點(diǎn)擊:2878次

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

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

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

  什么是A-Frame?A-Frame能干什么?讓你的網(wǎng)頁與VR融合,只需一行代碼!
  A-Frame是一個(gè)用來構(gòu)建虛擬現(xiàn)實(shí)(VR)應(yīng)用的網(wǎng)頁開發(fā)框架。由WebVR的發(fā)起人MozillaVR團(tuán)隊(duì)所開發(fā),是當(dāng)下用來開發(fā)WebVR內(nèi)容最強(qiáng)大最易用的技術(shù)方案。WebVR是一個(gè)完全開源的項(xiàng)目,已成長為最大的VR社區(qū)。
  A-Frame基于HTML,容易上手。但是A-Frame不僅僅是一個(gè)3D場景渲染引擎或者一個(gè)標(biāo)記語言。其核心思想是基于Three.js來提供一個(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í)世界,合起來就寓意超現(xiàn)實(shí),技術(shù)上是VR、AR和移動互聯(lián)網(wǎng)的融合。
  A-Frame的開發(fā)方式其實(shí)就是使用普通的HTML文件,而無需安裝任何插件。你可以使用踏得網(wǎng)在線開發(fā)工具來快速構(gòu)建一個(gè)可在線部署和訪問的應(yīng)用,或者使用SublimeText離線工具來編寫代碼然后自行發(fā)布到網(wǎng)上。如果是使用前者,我們需要在第三方庫中選擇A-Frame0.5.0,踏得網(wǎng)在線開發(fā)工具會自動幫您在代碼中引入A-Frame框架;如果是后者,我們需要在HTML代碼的元素中手動引入A-Frame框架,形式如下:

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

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


  迅優(yōu)傳媒是一家專注于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站托管代運(yùn)營、微信開發(fā)、小程序開發(fā)的互聯(lián)網(wǎng)科技公司。我們有完備的建站流程和專業(yè)的開發(fā)、設(shè)計(jì)人員,與客戶深度合作并針對不同的客戶提供專屬的網(wǎng)站策劃方案。
(責(zé)任編輯:admin)
網(wǎng)站建設(shè)定制

0532-88983785 / 0532-68613670

我要定制網(wǎng)站