僅需要15分鐘，我們即可開發(fā)出一款虛擬現(xiàn)實(shí)應(yīng)用并將其運(yùn)行在瀏覽器內(nèi)、VR頭戴設(shè)備中或者是Google Daydream上。其中的關(guān)鍵在于A-Frame——由Mozilla公司VR團(tuán)隊(duì)開發(fā)的一款開源工具包。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、邵東網(wǎng)站維護(hù)、網(wǎng)站推廣。

1.測試

大家可以，轉(zhuǎn)到此鏈接：http://theta360.guide/360gallery/

在自己的移動(dòng)設(shè)備是使用Chrome或者火狐瀏覽器。

將手機(jī)放在Google Cardboard中，而后盯著菜單中的方塊以切換至360度場景。

利用Linux平臺(tái)構(gòu)建一款VR應(yīng)用，僅僅需要15分鐘！

2.進(jìn)行Fork

轉(zhuǎn)到此鏈接：https://github.com/theta360developers/360gallery

對GitHub上的示例庫進(jìn)行fork。請注意變更該repo中的目錄。

利用Linux平臺(tái)構(gòu)建一款VR應(yīng)用，僅僅需要15分鐘！

如果大家擁有360度圖像，則可將其放在img/子目錄下。如果大家沒有合適的360度圖像，則可轉(zhuǎn)到此鏈接：https://github.com/theta360developers/360gallery 利用開源Hugin全景照片工具。本教程中使用的樣本圖像來自我在舊金山參加的一次聚會(huì)。

3.創(chuàng)建縮略圖

頭戴設(shè)備中的菜單為標(biāo)準(zhǔn)的240 x 240像素圖像。大家可以使用GIMP創(chuàng)建此類圖像。A-Frame能夠自動(dòng)幫助大家調(diào)整其角度變化。

利用Linux平臺(tái)構(gòu)建一款VR應(yīng)用，僅僅需要15分鐘！

4.編輯代碼

如果大家使用同樣的圖像文件名稱并覆蓋/img中的1.jpg，則不再需要編輯以下代碼。如果大家希望進(jìn)行程序擴(kuò)展或者修改為自己的文件名，則請變更index.html中的id與src以匹配您的文件。

下滾并編輯其中的菜單鏈接部分：

5.上傳至GitHub Pages

添加并提交您的更改：

 
 

  
  
git add * 
  
  
git commit -a -m ‘changed images' 
  
  
git push 
 
 

轉(zhuǎn)到此鏈接：http://username.github.io/360gallery通過您的手機(jī)打開此應(yīng)用。

6.下一步

本文介紹的僅是一個(gè)簡單的示例，用于證明WebVR易于實(shí)現(xiàn)且可供Web開發(fā)人員進(jìn)行訪問。感興趣的朋友可以訪問:https://aframe.io/以查看更多演示。盡管360度影像并非真正的VR，但其易于實(shí)現(xiàn)、有趣且可供大家隨時(shí)訪問。利用360度圖像亦有助于大家輕松理解增強(qiáng)現(xiàn)實(shí)的基本原理。

大家可以使用普通相機(jī)拍攝照片，并將其合并起來以構(gòu)建360度圖像。當(dāng)然，直接購買360度相機(jī)也是完全可行的。我自己目前使用的相機(jī)支持360度視頻文件與實(shí)時(shí)流媒體錄制。

7.故障排查

這款應(yīng)用并非運(yùn)行自本地文件，大家必須配合Apache2等本地Web服務(wù)器或者將其上傳至GitHub Pages等外部站點(diǎn)以完成測試。

如果大家使用的是Oculus Rift或者HTC Vive，則需要安裝Firefox Nightly或者尚處于實(shí)驗(yàn)階段的Chromium builds。感興趣的朋友可以轉(zhuǎn)到此鏈接:https://iswebvrready.org/查看您的瀏覽器是否能夠運(yùn)行WebVR。

360度視頻也能夠在桌面瀏覽器上正常播放。而且雖然目前其在移動(dòng)設(shè)備上的播放效果仍然不太理想，但相信該技術(shù)將迅速得到改善。

網(wǎng)頁標(biāo)題：利用Linux平臺(tái)構(gòu)建一款VR應(yīng)用，僅僅需要15分鐘！
分享網(wǎng)址：http://uogjgqi.cn/article/dhgiggs.html