快手、孩子王、华为等专家分享大模型在电商运营、母婴消费、翻译等行业场景的实际应用 了解详情
写点什么

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

  • 2017-04-25
  • 本文字数:1016 字

    阅读完需:约 3 分钟

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

过去的 2016 年被誉为虚拟现实的元年,国内外的诸多厂商,如 Oculus HTC 暴风等公司都发布了各自的虚拟现实产品,但是经过上半年的急速发展,下半年却进入了该行业的资本寒冬,而任天堂发布的增强现实(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 )关注我们。

2017-04-25 19:003424
用户头像

发布了 41 篇内容, 共 13.5 次阅读, 收获喜欢 3 次。

关注

评论

发布
暂无评论
发现更多内容

WPS有哪些隐藏的使用小技巧?

InfoQ IT百科

使用WPS需要注册/登录账号吗?

InfoQ IT百科

安卓App和鸿蒙App有什么不同?

InfoQ IT百科

zip格式的文件怎么打开?

InfoQ IT百科

有哪些适合程序员用的笔记应用?

InfoQ IT百科

WPS是什么软件?

InfoQ IT百科

低代码开发平台能开发哪些应用?

InfoQ IT百科

软件激活码是什么?

InfoQ IT百科

如何修改电脑文件格式?

InfoQ IT百科

SOFARegistry 源码|数据分片之核心-路由表 SlotTable 剖析

SOFAStack

GitHub 开源 程序员 开发者 源码解析

架构实战营作业三

热猫

注册域名后,怎么创建个人网站?

InfoQ IT百科

现在常用的在线协作文档软件有哪些?

InfoQ IT百科

目前WPS支持在哪些设备上使用?

InfoQ IT百科

有哪些比较靠谱的低代码开发平台?

InfoQ IT百科

趁着同事玩游戏偷偷认识k8s一家子补补课

囧么肥事

Kubernetes 容器 云原生 k8s Kubernetes 集群

如何添加字体?

InfoQ IT百科

WordPress 是什么?

InfoQ IT百科

极致体验,揭秘抖音背后的音视频技术

火山引擎边缘云

音视频 边缘计算 音视频技术

基于DDD思想的技术架构战略调整

Qunar技术沙龙

DDD 构架

有哪些好用的代码编辑器?

InfoQ IT百科

一个WPS账号可以在多个设备同时登陆吗?

InfoQ IT百科

云原生新时代弄潮儿k8s凭什么在容器化方面独树一帜?

囧么肥事

Kubernetes 容器 k8s 容器服务 Kubernetes 集群

DAO社区的胜利,Tiger DAO VC胜在治理与共识

小哈区块

主流的网站服务器架构有哪些?

InfoQ IT百科

如何部署自己的网站?

InfoQ IT百科

如何隐藏电脑上的文件?

InfoQ IT百科

DAO社区的胜利,Tiger DAO VC胜在治理与共识

西柚子

现在常用的视频会议软件有哪些?

InfoQ IT百科

做 App 还是小程序好?

InfoQ IT百科

appdata是什么文件夹?

InfoQ IT百科

Facebook发布React VR,使用React进行虚拟现实开发_Meta_周元昊_InfoQ精选文章