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

讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:空間域名、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設、邵東網(wǎng)站維護、網(wǎng)站推廣。
1.測試
大家可以,轉到此鏈接:http://theta360.guide/360gallery/
在自己的移動設備是使用Chrome或者火狐瀏覽器。
將手機放在Google Cardboard中,而后盯著菜單中的方塊以切換至360度場景。
利用Linux平臺構建一款VR應用,僅僅需要15分鐘!
2.進行Fork
轉到此鏈接:https://github.com/theta360developers/360gallery
對GitHub上的示例庫進行fork。請注意變更該repo中的目錄。
利用Linux平臺構建一款VR應用,僅僅需要15分鐘!
如果大家擁有360度圖像,則可將其放在img/子目錄下。如果大家沒有合適的360度圖像,則可轉到此鏈接:https://github.com/theta360developers/360gallery 利用開源Hugin全景照片工具。本教程中使用的樣本圖像來自我在舊金山參加的一次聚會。
3.創(chuàng)建縮略圖
頭戴設備中的菜單為標準的240 x 240像素圖像。大家可以使用GIMP創(chuàng)建此類圖像。A-Frame能夠自動幫助大家調(diào)整其角度變化。
利用Linux平臺構建一款VR應用,僅僅需要15分鐘!
4.編輯代碼
如果大家使用同樣的圖像文件名稱并覆蓋/img中的1.jpg,則不再需要編輯以下代碼。如果大家希望進行程序擴展或者修改為自己的文件名,則請變更index.html中的id與src以匹配您的文件。
下滾并編輯其中的菜單鏈接部分:
5.上傳至GitHub Pages
添加并提交您的更改:
- git add *
- git commit -a -m ‘changed images'
- git push
轉到此鏈接:http://username.github.io/360gallery通過您的手機打開此應用。
6.下一步
本文介紹的僅是一個簡單的示例,用于證明WebVR易于實現(xiàn)且可供Web開發(fā)人員進行訪問。感興趣的朋友可以訪問:https://aframe.io/以查看更多演示。盡管360度影像并非真正的VR,但其易于實現(xiàn)、有趣且可供大家隨時訪問。利用360度圖像亦有助于大家輕松理解增強現(xiàn)實的基本原理。
大家可以使用普通相機拍攝照片,并將其合并起來以構建360度圖像。當然,直接購買360度相機也是完全可行的。我自己目前使用的相機支持360度視頻文件與實時流媒體錄制。
7.故障排查
這款應用并非運行自本地文件,大家必須配合Apache2等本地Web服務器或者將其上傳至GitHub Pages等外部站點以完成測試。
如果大家使用的是Oculus Rift或者HTC Vive,則需要安裝Firefox Nightly或者尚處于實驗階段的Chromium builds。感興趣的朋友可以轉到此鏈接:https://iswebvrready.org/查看您的瀏覽器是否能夠運行WebVR。
360度視頻也能夠在桌面瀏覽器上正常播放。而且雖然目前其在移動設備上的播放效果仍然不太理想,但相信該技術將迅速得到改善。
本文名稱:利用Linux平臺構建一款VR應用,僅僅需要15分鐘!
文章分享:http://m.5511xx.com/article/dhgiggs.html


咨詢
建站咨詢
