React Native也可以快速开发AR应用？

最新推荐文章于 2024-04-16 09:31:09 发布
最新推荐文章于 2024-04-16 09:31:09 发布
阅读量563 收藏
点赞数
分类专栏： AIRX 文章标签： react native 增强现实 AR开发 虚拟现实 VR
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/albertleebob/article/details/119328093
版权

哈喽哇，大家好，我是AR熊，今天来给大家推荐一个开发利器，ViroReact：React Native 的 AR 和 VR 库

ViroReact 是一个供开发人员快速构建增强现实 (AR) 和虚拟现实 (VR) 体验的库。开发人员使用 React Native 编写代码，Viro 在所有移动 VR（包括 Google Daydream、Samsung Gear VR 以及适用于 iOS 和 Android 的 Google Cardboard）和 AR（iOS ARKit 和 Android ARCore）平台上本地运行他们的代码。

代码框架地址：
https://github.com/ViroCommunity/viro/

AIRX三次方
关注
专栏目录
React Native 团队怎么看待 Flutter 的？终于有官方回复了
2401_84149256的博客
05-06 845
希望大家能有一个好心态，想进什么样的公司要想清楚，并不一定是大公司，我选的也不是特大厂。当然如果你不知道选或是没有规划，那就选大公司！希望我们能先选好想去的公司再投或内推，而不是有一个公司要我我就去！还有就是不要害怕，也不要有压力，平常心对待就行，但准备要充足。最后希望大家都能拿到一份满意的 offer！如果目前有一份工作也请好好珍惜好好努力，找工作其实挺累挺辛苦的。这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。
React Native学习教程之自定义NavigationBar详解
01-20
在React Native中，开发人员经常需要为应用创建自定义的导航栏(NavigationBar)，以便实现特定的设计需求或功能。在早期版本的React Native中，NavigationIOS提供了内置的NavigationBar，但在一般的Navigation实现中...
Viro React: 使用React Native开发VR、AR程序
AppNinja 开发手记
11-30 2741
Viro React 是一个供开发人员快速构建增强现实 (AR) 和虚拟现实 (VR) 体验的平台。开发人员使用 React Native 进行编写，Viro 在所有移动 VR（包括 Google Daydream、Samsung Gear VR 以及适用于 iOS 和 Android 的 Google Cardboard）和 AR（iOS ARKit 和 Android ARCore）平台上本地运行他们的代码。更多信息在这里。 该项目包含 Viro React 的完整源代码和各种示例 Viro 项目。
arrugs：用React Native编写的简单AR应用
02-22
RR 用React Native编写的简单AR应用 您可以在以下中型职位上找到更多信息： :
React-AR
weixin_30302609的博客
07-01 125
React是一款来自Facebook的开源JavaScript库，它可以轻松创建交互式用户界面。React VR可以在虚拟现实中创建UI和3D场景，它将React提升到一个新的水平。React VR 可让您使用 JavaScript 构建 VR 应用程序。它使用与 React 相同的设计，让您通过声明式的组件构建丰富的 VR 世界和 UI。React VR 是为 VR 应用而创建的框架，运行在 W...
ReactNativeARKit：一个示例项目，演示如何使用react-native-arkit
02-04
ReactNativeARKit 这是一个示例项目，演示了如何使用 注意：仅iOS 11上具有A9或更高版本处理器（iPhone 6s / 7 / SE / 8 / X，iPad 2017 / Pro）的设备才支持ARKit。 您还需要Xcode 9来构建项目。 如何运行项目 git clone https://github.com/HippoAR/ReactNativeARKit.git ; 在项目文件夹中， yarn install依赖项（npm损坏的atm。） 转到ios文件夹并打开ReactNativeARKit.xcodeproj 。 在物理设备上构建并运行（ARKit不在模
React_Native_VR1-:第一个React Native App
05-02
该项目是通过。 您将在下面找到有关执行常见任务的信息。 本指南的最新版本可。 目录 构建世博会的“独立”应用 从Create React Native App弹出 构建依赖关系（Xcode和Android Studio） 我应该使用ExpoKit吗？ 故障排除 联网 iOS模拟器无法打开 QR码不扫描 更新到新版本 您只需要很少（理想情况下永远不需要）更新全局安装的create-react-native-app 。 更新应用程序的react-native-scripts依赖关系应该像更改package.json的版本号并重新安装项目的依赖关系一样简单。 升级到React Native的新版本需要更新react-native ， react和expo软件包版本，并在app.json设置正确的sdkVersion 。 有关软件包版本兼容性的最新信息，请参见版本控制指南。 可用脚本
使用ReactNative构建移动应用程序中的AR应用程序：了解ReactNative中的AR开发生态系统
程序员光剑
07-24 2199
作者：禅与计算机程序设计艺术 1.简介 在过去的几年里，随着VR、AR、移动互联网等技术的不断革新，人们越来越多地体验到一种全新的生活方式。而其中不可或缺的部分就是数字化的现实世界。因为当代人的生活已经离不开手机、平板电脑和电视机了，所以数字化现实世界的应用是无可替代的。那么如何利用这些技术创造出更多有
ReactNative应用设备运行(Running)以及调试(Debugging)
02-25
前面我们已经对ReactNative的环境搭建以及开发的IDE做了相关的讲解，今天我们的主要讲解的是应用设备运行(Running)以及调试方法(Debugging)。本节的前提条件就是大家已经搭建了ReactNative的相关环境。需要运行和...
react-native-sortable-listview：可以拖放的ListView包装器，用于React Native
02-16
具有拖放功能的ListView的包装，用于React Native。 允许在拖动时通过自动滚动来拖放行。 将其添加到您的项目 运行npm install react-native-sortable-listview --save import SortableListView from 'react-...
react-native-zar-measure:React本机绑定以使用相机执行AR测量
03-17
React本征测度 React用于AR和相机尺寸测量的本机绑定。 工作正在进行中... 去做： iOS实施从各种库中复制代码并构建初始API Android实施待以后审核
viro：ViroReact：使用React Native的AR和VR
02-01
病毒React Viro React是供开发人员快速构建增强现实（AR）和虚拟现实（VR）体验的平台。 开发人员使用React Native编写代码，Viro在所有移动VR（包括Google Daydream，Samsung Gear VR和适用于iOS和Android的Google Cardboard）和AR（iOS ARKit和Android ARCore）平台上本地运行代码。 。 该项目包含Viro React的完整源代码以及各种示例Viro项目。 该平台可免费使用，发行不受限制。 要报告Viro平台的错误/问题，请在此存储库中提交新问题。 使用Testbed应用程序运行示例项目的说明： 按照我们的中的说明设置相关性，以使用Viro Media App尝试这些示例项目。 使用git将git clone https://github.com/viromedia/viro.git到您的工作区中： git clone https://github.com/viromedia/viro.git 。 进入code-samples目录。 从该项目的根目录运行npm instal
react-xr:AR具有React三纤维的VRAR
03-19
@ react-three / xr React组件和挂钩，用于使用创建VR / AR应用程序 npm install @react-three/xr 这些演示是真实的，您可以单击它们！它们也包含完整的代码。 入门 添加VRCanvas或ARCanvas组件（或替换现有的react-three-fiber Canvas组件） import { VRCanvas } from '@react-three/xr' function App ( ) { return ( < VRCanvas> { /* All your regular react-three-fiber elements go here */ } < / VRCanvas > 将控制器添加到场景 要开始使用默认控制器模型，请添加DefaultXRControllers组件。它将获取适当的输
react-AR-experiments:各种实验，测试，带有React，Three.js，THREEAR.js和其他AR库的样板
04-28
ReactAR实验 使用 ， ， 和进行了一些实验。 在将来，我将添加其他示例测试... 您可以找到一个一个简单的示例，以显示THREEAR库在React.js中的运行情况。 这是使用两个库启动项目的基本设置。 该项目是通过引导的。 还有一个基本在此讨论的 带有ES6和React的AR.js 这是一个正在开发的AR.js功能。 您可以在react-threex-example文件夹中使用THREEx API测试示例。 使用THREEAR和React从头开始项目的步骤 使用以下命令使用create React应用程序启动一个项目： npx create-react-app your-project-name 使用npm安装Three.js和THEEAR.js npm install three threear 检查是否在package.json中安装了两个库。 在App.
AR-Test-2:在 React 中使用three.js 实现使用AR.js
05-30
AR-Test-2 React 中使用实现使用 如何运行这个项目？ git clone https://github.com/denisstasyev/AR-Test-2.git cd AR-Test-2 node testServer.js npm start或sudo npm start 在浏览器中访问http://localhost:3000并查看我的工作结果 :grinning_face: 我对 AR.js 的体验 是一个有趣的东西，可用于在网络上创建增强现实 (AR)。 从 2017 年（AR.js 出现的那一年）开始，几乎每个月都会发布关于如何在 10 分钟内使用 AR 创建网站的新文章。 如果您想用一个 HTML 文件创建一个站点，这是正确的。 但让我们环顾四周。 大多数现代 Web 应用程序使用框架来简化开发。 这个存储库包含了我对 AR.js 的所有经验，以及将它嵌入到 React 应用
React-AR概述
weixin_30810583的博客
07-01 158
JSX和声明式的UI 使React能够吸引人的一个特性是它以声明式的UI和优雅的方式来进行代码操作。UI元素就像HTML标签一样通过组建来描述。例如：这个标签<Greeting name='Joe'/>带了一个参数，它描述了向谁问候的这么一个组建。这些标签可以用JSX的语法的方式直接插入到JavaScript代码中。 JSX 是JavaScript语法的一个扩展。它在React ...
React Native十四：原生模块
1024工场
06-12 3465
有时候App需要访问API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用JavaScript重新实现一遍；又或者你需要实现某些够性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等； 我们React Native设计为可以在其基础上编写真正代码的原生代码，并且可以访问平台的所有能力。这是一个相对高级的特性，我们并不认为它应当在日常开发过程中经常出现，但是具备这样的能力是很重要的。如果React Native还不支持某个你需要的原生特性，你应该可以
react-native-3d-model-view：用于显示3D模型的React Native视图
02-04
react-native-3d模型视图 一个React Native视图，用于在屏幕上或AR中显示.obj，.dae和.scn模型（仅具有A9或更高处理器的iOS设备）。 示例项目： : 入门 $ yarn add react-native-3d-model-view 进而 $ react-native link react-native-3d-model-view lib还具有对等依赖关系react-native-zip-archive ， rn-fetch-blob和react-native-fs 。 确保您yarn add并react-native link它们。 Swift
探索未来交互新方式：React-Web-AR
最新发布
gitblog_00074的博客
04-16 372
探索未来交互新方式：React-Web-AR 项目地址:https://gitcode.com/nitin42/React-Web-AR React-Web-AR 是一个开源项目，它将流行的React库与增强现实（AR）技术相结合，让你能够在Web环境中轻松创建沉浸式的AR体验。这个项目由开发者nitin42维护，旨在简化Web AR应用的开发过程。 项目简介 React-Web-AR是一个Rea...
React Native自定义NavigationBar教程
"React Native学习教程 - 自定义NavigationBar" 在React Native开发中，尤其是在较早的版本中，开发者经常会遇到导航栏（NavigationBar）的...这是一个在React Native开发中常见的实践，也是提升应用质量的关键步骤。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值