react-360 介绍
关于react 360react 360是 一个 创建3D和VR 用户 交互的框架.构建在react的基础之上,react是 一个 简化复杂UI创建的库,react 360可以让你用相似的工具和概念在网页上创建 沉浸式 的360度的 内容 。其特点:
react 360 是 一个 用于构建VR全景360体验的网页应用框架,基于react
react 360 提供了一些控件,用于 快速 创建360度 沉浸式 的 内容
跨平台, 支持 电脑、移动设备、VR设备
支持 多种格式的全景视频
它是为了干啥的?react 360针对创建 支持 丰富多媒体体验的 用户 界面进行了优化,它提供了创建高质量界面所需的工具,并为围绕360和3D 内容 构建的应用程序提供了坚实的基础。react 360中使用的技术和工具类似于Oculus和Facebook在移动和PC平台上开发VR应用程序时使用的技术和工具,是多年研究最佳实践的结果。
React 360旨在将交互性带入360空间。 结合2D或3D界面的应用程序很容易实现。 照片和视频,360游览,经典冒险游戏和3D棋盘游戏都是迄今为止用React 360构建的例子。
React 360和React VR有啥区别?早在2017年,Facebook和Oculus开源了 一个 叫React VR的js库,用来在浏览器上创建3D和VR 内容 的。与此同时,Oculus开始使用该框架的原生C ++版本来构建自己的第一方应用程序。随着时 间的 推移,两个项目的API在我们 解决 框架的不同需求时出现了分歧。 为了避免两个系统之 间的 混淆,开源框架已经更名为“React 360”,它更好地反映了它的用例:可以在PC,移动和VR设备上使用的 沉浸式 360体验。
如果您以前使用过React VR,那么您应该会发现React 360非常相似。 我们简化了许多更常见的工作流程,例如在3D空间中放置2D UI元素,以及优化这些用例的 性能 。
React 360和A-frame有啥区别?A-Frame是 一个 使用声明性html类组件构建VR世界的框架。 它拥有来自充满活力的社区,也有丰富可用组件,非常适合创建可在VR中查看的复杂3D场景。 我们相信React 360提供了 一个 不同的方向,它围绕依赖 用户 界面的应用程序进行了优化,或者本质上是事件驱动的。 查看我们的示例,使用React 360可以轻松构建的 内容 类型。
要找出适合您的框架? 如果您的应用程序由 用户 交互驱动,并且具有许多2D或3D UI元素,React 360会比较适合。 如果您的应用程序包含许多3D对象,或依赖于着色器和后处理等复杂 效果 ,A-Frame会更好些。 无论哪种方式,您都将构建具有VR 功能 的极佳 沉浸式 体验!
React 360和Three.js有啥区别?Three.js是用于在Web浏览器中进行3D渲染的库。 它是比React 360更低级别的工具,需要控制原始3D网格和纹理。 除非需要,否则React 360旨在隐藏大部分 内容 ,以便您可以专注于应用程序的行为和外观。
目前,React 360依赖于Three.js来完成一些渲染工作。 但是,我们正在打开相关的API,以便React 360开发人员可以很快使用他们选择的3D渲染库, 包括 原始WebGL 调用 。
网站地址 : https://facebook.github.io/react-360
GitHub: https://github.com/facebook/react-360
网站描述: 使用 React 创建的 360 全景和 VR
react-360官方网站
官方网站: https://facebook.github.io/react-360
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。