前端開發(fā)如何實現(xiàn)VR場景
來源：未知 瀏覽數(shù)：
責任編輯：傳說的落葉 時間：2017-05-01 17:16
責任編輯：傳說的落葉 時間：2017-05-01 17:16
[導讀] VR技術發(fā)展日新月異，當然很多的程序員都會想，如何使用代碼來實現(xiàn)VR網(wǎng)頁。去年谷歌和火狐針對WebVR提出了WebVR API的標準，顧名思義，WebVR即web + VR的體驗方式，我們可以戴著頭顯享受
VR技術發(fā)展日新月異，當然很多的程序員都會想，如何使用代碼來實現(xiàn)VR網(wǎng)頁。去年谷歌和火狐針對WebVR提出了WebVR API的標準，顧名思義，WebVR即web + VR的體驗方式，我們可以戴著頭顯享受沉浸式的網(wǎng)頁，新的API標準讓我們可以使用js語言來開發(fā)。今天，約克先森將介紹如何開發(fā)一個WebVR網(wǎng)頁，在此之前，我們有必要了解WebVR的體驗方式。
WebVR體驗模式
WebVR的體驗方式可以分為VR模式和裸眼模式
VR模式
1.滑配式HMD + 移動端瀏覽器
如使用cardboard眼鏡來體驗手機瀏覽器的webVR網(wǎng)頁，瀏覽器將根據(jù)水平陀螺儀的參數(shù)來獲取用戶的頭部傾斜和轉動的朝向，并告知頁面需要渲染哪一個朝向的場景。
2.分離式HMD + PC端瀏覽器
通過佩戴Oculus Rift的分離式頭顯瀏覽連接在PC主機端的網(wǎng)頁，現(xiàn)支持WebVR API的瀏覽器主要是火狐的 Firefox Nightly和設置VR enabled的谷歌chrome beta。
裸眼模式
除了VR模式下的體驗方式，這里還考慮了裸眼下的體驗瀏覽網(wǎng)頁的方式，在PC端如果探測的用戶選擇進入VR模式，應讓用戶可以使用鼠標拖拽場景，而在智能手機上則應讓用戶可以使用touchmove或旋轉傾斜手機的方式來改變場景視角。
WebVR的概念大概就如此，這次我們將采用cardboard + mobile的方式來測試我們的WebVR場景，現(xiàn)在踏上我們的開發(fā)之旅。
免責聲明：本文僅代表作者個人觀點，與納金網(wǎng)無關。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實，對本文以及其中全部或者部分內(nèi)容、文字的真實性、完整性、及時性本站不作任何保證或承諾，請讀者僅作參考，并請自行核實相關內(nèi)容。
- 分享到：
相關閱讀
- 人工智能快訊：微軟2024年10月23日
- 阿里云開源AI應用開發(fā)2024年10月23日
- 如何將阿里云服務器2024年10月23日
- 衡陽師范獲省計算機2024年10月16日
- 杭州文三3D打印創(chuàng)意設2024年10月10日
- 蘇州點鐵工業(yè)設計申2024年10月10日
- 2024年度中國皮革行業(yè)2024年10月10日
- 2024年世界：人工智能2024年10月10日
- 2024年湖南省“工業(yè)設2024年10月10日
- 快訊：福建旅游產(chǎn)品2024年10月10日
精采專題
熱門文章
最新文章
熱門圖庫
