前端开发如何实现VR场景
来源:未知 浏览数:
责任编辑:传说的落叶 时间:2017-05-01 17:16
责任编辑:传说的落叶 时间:2017-05-01 17:16
[导读] VR技术发展日新月异,当然很多的程序员都会想,如何使用代码来实现VR网页。去年谷歌和火狐针对WebVR提出了WebVR API的标准,顾名思义,WebVR即web + VR的体验方式,我们可以戴着头显享受
VR技术发展日新月异,当然很多的程序员都会想,如何使用代码来实现VR网页。去年谷歌和火狐针对WebVR提出了WebVR API的标准,顾名思义,WebVR即web + VR的体验方式,我们可以戴着头显享受沉浸式的网页,新的API标准让我们可以使用js语言来开发。今天,约克先森将介绍如何开发一个WebVR网页,在此之前,我们有必要了解WebVR的体验方式。
WebVR体验模式
WebVR的体验方式可以分为VR模式和裸眼模式
VR模式
1.滑配式HMD + 移动端浏览器
如使用cardboard眼镜来体验手机浏览器的webVR网页,浏览器将根据水平陀螺仪的参数来获取用户的头部倾斜和转动的朝向,并告知页面需要渲染哪一个朝向的场景。
2.分离式HMD + PC端浏览器
通过佩戴Oculus Rift的分离式头显浏览连接在PC主机端的网页,现支持WebVR API的浏览器主要是火狐的 Firefox Nightly和设置VR enabled的谷歌chrome beta。
裸眼模式
除了VR模式下的体验方式,这里还考虑了裸眼下的体验浏览网页的方式,在PC端如果探测的用户选择进入VR模式,应让用户可以使用鼠标拖拽场景,而在智能手机上则应让用户可以使用touchmove或旋转倾斜手机的方式来改变场景视角。
WebVR的概念大概就如此,这次我们将采用cardboard + mobile的方式来测试我们的WebVR场景,现在踏上我们的开发之旅。
免责声明:本文仅代表作者个人观点,与纳金网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
相关阅读
- 2020“润物无声”泉州2020年07月09日
- 2020第二届山西省文化2020年05月21日
- 3DXpert软件,3D金属打2020年01月16日
- 第四届“震泽丝绸杯2020年01月16日
- 大连首届国际原创设2020年01月16日
- 加热不燃烧(HNB)电2019年09月10日
- 安徽省第六届工业设2019年08月10日
- Nature:石英玻璃微加工2019年08月02日
- SOLIDWORKS软件中的增材2019年08月02日
- 金属3D打印随形冷却注2019年07月25日
精采专题
热门文章
最新文章