Web前端开发网

fly63.com

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

关闭

搜索

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

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

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

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

扫一扫分享

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

关于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
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主。All Rights Reserved. 网站备案号:蜀ICP备13022973号

手机预览