前端開發(fā)如何實(shí)現(xiàn)VR場景
來源：未知 瀏覽數(shù)：
責(zé)任編輯：傳說的落葉 時(shí)間：2017-05-01 17:16
責(zé)任編輯：傳說的落葉 時(shí)間：2017-05-01 17:16
[導(dǎo)讀] VR技術(shù)發(fā)展日新月異，當(dāng)然很多的程序員都會(huì)想，如何使用代碼來實(shí)現(xiàn)VR網(wǎng)頁。去年谷歌和火狐針對(duì)WebVR提出了WebVR API的標(biāo)準(zhǔn)，顧名思義，WebVR即web + VR的體驗(yàn)方式，我們可以戴著頭顯享受
VR技術(shù)發(fā)展日新月異，當(dāng)然很多的程序員都會(huì)想，如何使用代碼來實(shí)現(xiàn)VR網(wǎng)頁。去年谷歌和火狐針對(duì)WebVR提出了WebVR API的標(biāo)準(zhǔn)，顧名思義，WebVR即web + VR的體驗(yàn)方式，我們可以戴著頭顯享受沉浸式的網(wǎng)頁，新的API標(biāo)準(zhǔn)讓我們可以使用js語言來開發(fā)。今天，約克先森將介紹如何開發(fā)一個(gè)WebVR網(wǎng)頁，在此之前，我們有必要了解WebVR的體驗(yàn)方式。
WebVR體驗(yàn)?zāi)Ｊ?/strong>
WebVR的體驗(yàn)方式可以分為VR模式和裸眼模式
VR模式
1.滑配式HMD + 移動(dòng)端瀏覽器
如使用cardboard眼鏡來體驗(yàn)手機(jī)瀏覽器的webVR網(wǎng)頁，瀏覽器將根據(jù)水平陀螺儀的參數(shù)來獲取用戶的頭部傾斜和轉(zhuǎn)動(dòng)的朝向，并告知頁面需要渲染哪一個(gè)朝向的場景。
2.分離式HMD + PC端瀏覽器
通過佩戴Oculus Rift的分離式頭顯瀏覽連接在PC主機(jī)端的網(wǎng)頁，現(xiàn)支持WebVR API的瀏覽器主要是火狐的 Firefox Nightly和設(shè)置VR enabled的谷歌chrome beta。
裸眼模式
除了VR模式下的體驗(yàn)方式，這里還考慮了裸眼下的體驗(yàn)瀏覽網(wǎng)頁的方式，在PC端如果探測的用戶選擇進(jìn)入VR模式，應(yīng)讓用戶可以使用鼠標(biāo)拖拽場景，而在智能手機(jī)上則應(yīng)讓用戶可以使用touchmove或旋轉(zhuǎn)傾斜手機(jī)的方式來改變場景視角。
WebVR的概念大概就如此，這次我們將采用cardboard + mobile的方式來測試我們的WebVR場景，現(xiàn)在踏上我們的開發(fā)之旅。
免責(zé)聲明：本文僅代表作者個(gè)人觀點(diǎn)，與納金網(wǎng)無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí)，對(duì)本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾，請(qǐng)讀者僅作參考，并請(qǐng)自行核實(shí)相關(guān)內(nèi)容。
- 分享到：
相關(guān)閱讀
- 人工智能快訊：微軟2024年10月23日
- 阿里云開源AI應(yīng)用開發(fā)2024年10月23日
- 如何將阿里云服務(wù)器2024年10月23日
- 衡陽師范獲省計(jì)算機(jī)2024年10月16日
- 杭州文三3D打印創(chuàng)意設(shè)2024年10月10日
- 蘇州點(diǎn)鐵工業(yè)設(shè)計(jì)申2024年10月10日
- 2024年度中國皮革行業(yè)2024年10月10日
- 2024年世界：人工智能2024年10月10日
- 2024年湖南省“工業(yè)設(shè)2024年10月10日
- 快訊：福建旅游產(chǎn)品2024年10月10日
網(wǎng)友評(píng)論
您需要登錄后才可以發(fā)帖 登錄 | 立即注冊(cè)
關(guān)閉
- 用戶名：
- 密 碼：
- 驗(yàn)證碼：
看不清？ 點(diǎn)擊更換
- 忘記密碼？
全部評(píng)論：1條
精采專題
-
花盆設(shè)計(jì)專題 犀牛軟件4.0專題 農(nóng)村小別墅設(shè)計(jì)專題 3D建筑_3D設(shè)備模型下載專題 創(chuàng)意明信片專題 vray玻璃材質(zhì)下載專題 變形金剛3d模型專題 創(chuàng)意生活用品專題 墻上裝飾品專題 3dmax2010專題 創(chuàng)意婚禮請(qǐng)?zhí)O(shè)計(jì)專題 3dmax7.0中文版下載專題 創(chuàng)意掛鐘專題 創(chuàng)意餐具設(shè)計(jì)專題 房地產(chǎn)廣告專題 家具模型專題 創(chuàng)意茶幾設(shè)計(jì)專題 Lead3D專題 概念摩托車設(shè)計(jì)專題 3dmax動(dòng)畫教程專題
熱門文章
最新文章
熱門圖庫
