fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

react-360
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://facebook.github.io/react-360
GitHub:https://github.com/facebook/react-360
网站描述:使用 React 创建的 360 全景和 VR

关于react 360

React 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://fly63.com/nav/1918

more>>
相关栏目
react
Facebook开发的一款高效、灵活、声明式设计的JS库
官网GitHub
AngularJS
Google推出有条理,可维护,易编程的MVVM框架
官网GitHub
backbone
提供:模型、集合、视图,开发重量级的javascript应用的框架
官网GitHub
jquery
一个快速、简洁的JavaScript代码库
官网GitHub
zepto.js
一个轻量级的针对现代高级浏览器的JavaScript库
官网GitHub
Ember
JavaScript MVC框架,它用来创建复杂的Web应用程序,消除了样板
官网GitHub
nw.js
轻量级桌面应用开发的捷径
官网GitHub
socket.io
一个WebSocket库,包括了客户端的js和服务器端的nodejs
官网GitHub
nuxt.js
基于 Vue.js 的轻量级、服务端渲染 (SSR) 应用框架
官网GitHub
Next.js
实现react的服务端渲染的框架
官网GitHub
Electron
基于Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
官网GitHub
htmx
无需JavaScript的动态HTML
官网GitHub
Nerv
一款由京东凹凸实验室打造的类React前端框架
官网GitHub
lodash
一致性、模块化、高性能的 JavaScript 实用工具库
官网GitHub
ocLazyLoad
AngularJS 的延迟加载(惰性加载)模块和组件
点击进入GitHub
weui.js
WeUI 的轻量级 js 封装
点击进入GitHub

手机预览