BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Facebook发布React VR,使用React进行虚拟现实开发

| 作者 周元昊 关注 0 他的粉丝 发布于 2017年4月26日. 估计阅读时间: 3 分钟 | 如何结合区块链技术,帮助企业降本增效?让我们深度了解几个成功的案例。

早在2014年Facebook就布局虚拟现实(VR)技术,并以20亿美元收购了沉浸式虚拟现实技术厂商Oculus。近日Facebook又在虚拟现实领域有了新动向,基于其核心的开源前端框架React发布了一个虚拟现实网页应用的开发框架React VR,进一步践行了其一次学习,到处适用(Learn once, write anywhere)的口号。

过去的2016年被誉为虚拟现实的元年,国内外的诸多厂商,如OculusHTC暴风等公司都发布了各自的虚拟现实产品,但是经过上半年的急速发展,下半年却进入了该行业的资本寒冬,而任天堂发布的增强现实(AR)手游Pockemon Go的大获成功,又纷纷把大家关注的目光拉向了与真实世界交互性更强的增强现实技术。Facebook在这个虚拟现实寒潮来临之际推出React VR,无疑是想通过简化VR开发层面的技术难点,来带动虚拟现实的后续发展。

在网页端开发虚拟现实应用的一大挑战,就是其页面的刷新率,如果帧数低于60帧每秒,就无法给用户带来足够好的用户体验,在Oculus Rift上,这一指标更是建议达到90帧每秒。要在单线程的JS运行环境中达到这点,对性能的要求就比较苛刻。React VR借鉴了React Native中将运行和渲染进行分离的架构。它会在web worker中运行React的代码,再通过异步桥接将图像渲染到界面上,这样就可以更快地捕捉到用户动作并反馈到图像上,从而减少用户的眩晕感。在React VR中还引用了诸多React Native的概念,甚至可以说React VR本身就是建立在React Native上的一种平台。它沿用了React Native的打包功能,以及诸多组件,如View、Text等。这为有React Native经验的开发人员减少了不少学习成本。

React VR的内部是通过包装流行的JS 3D引擎Three.js来实现的。Three.js内部通过WebGL来将应用展现到页面上,因此可以在支持WebGL的浏览器上浏览React VR的应用。而在虚拟现实设备上,其使用的是WebVR的API。鉴于目前该规范还在开发中,目前仅支持Oculus Rift和三星GearVR等设备。

值得注意的是,目前已经存在一些虚拟现实网页应用的开发框架。Mozilla的开源项目A-Frame就是一个相对成熟的例子。React VR在与React的无缝集成上占有优势,这为具备React基础的开发人员减少了一定的学习成本,但是最终是否能够后来者居上还需要拭目以待。


感谢刘振涛对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT