前端开发如何实现VR场景 - 纳金网
联系我们

给我们留言

联系我们

地址:福建省晋江市青阳街道洪山路国际工业设计园纳金网

邮箱:info@narkii.com

电话:0595-82682267

(周一到周五, 周六周日休息)

当前位置: 主页 > 资讯 > 前沿 >

前端开发如何实现VR场景

来源:未知 浏览数:
责任编辑:传说的落叶
时间: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体验
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场景,现在踏上我们的开发之旅。
免责声明:本文仅代表作者个人观点,与纳金网无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。



  • TAGS:VR
  • 网友评论

    您需要登录后才可以发帖 登录 | 立即注册

    关闭

    全部评论:1条

    联系方式

    服务热线:15059788121/13489872927/15959158412

    换链QQ:435820619

    电子邮箱:info@narkii.com

    联系地址:福建省晋江国际工业设计园5号楼

    福建省纳金网信息技术有限公司 闽ICP备08008928号-1

    Copyright www.narkii.com 2008-2019 All Rights Reserved

    开展“净网2019"专项行动,坚决保障网络空间清朗

    IOS版

    安卓版

    官网认证