问题标签 [viro-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
346 浏览

react-native - 如何在 Windows 10 上正确安装 Viro react?

我尝试了几个选项。
选项 1(网站):

错误!

选项 2(网站):

我不知道下一步该做什么。android上完成的样例请给出详细的安装方案。

0 投票
1 回答
1979 浏览

react-native - 使用 React 原生 ViroReact 像面部过滤器一样进行 Snap Chat

我想制作理发应用程序,用户可以在其中使用增强现实技术尝试发型。我想使用 react native 构建应用程序,我发现在 react native 中只有 ViroReact 提供了 AR 功能。那么我们可以使用 ViroReact 来实现这个东西吗?如果没有,那我应该使用什么?

0 投票
1 回答
489 浏览

react-native - 不变违规:requireNativeComponent:在 UImanager 中找不到“VRTText”

我正在使用 react-viro@2.17 react-native@0.59.3 构建 AR 应用程序。我按照文档Viro-Quick-Start-Windows中的步骤操作,当我尝试捆绑和构建应用程序时,它会显示此错误。我也提到了Viromedia/viro但它不起作用。

当我启动应用程序时,这是我看到的屏幕 在此处输入图像描述

当我在所需体验中选择 AR 时,它会显示以下错误消息 在此处输入图像描述

0 投票
0 回答
233 浏览

react-native - ViroPolyline:ViroARImageMarker.onAnchorFound 上的不确定路径

我正在尝试使用 ReactNative 和 ViroReact lib (v. 2.20.2) 为 IPS(室内定位系统)应用程序开发 PoC,我正在遵循这篇文章的“想法”:使用增强现实创建室内导航带有 VIROREACT 的系统

这是我的代码(相关部分):

当 ImageMarker 找到锚点时,Polyline 显示的路径只有在应用程序初始化时相机处于特定方向时才能正常工作 ( ViroARScene.onTrackingUpdated)。换句话说,[[0,0,0],[0,-1,0],...当应用程序启动时,路径会根据相机方向出现在场景中完全不同的位置,我理解原因是 x/y/z 轴是相对于相机位置的那一刻ARScene 已初始化,但我找不到“重置”相机方向值的方法。

这是正确位置的折线:

正确的折线

如果我更改 ARScene 初始化的设备位置,这就是“错误的”折线:

错误的折线

似乎对于 iOS,有一种方法可以重置 ARScene,但不适用于 Android。我在 GitHub 上发现了这个问题,我尝试应用为 Android 提出的解决方案,但没有成功。

那么,在这种情况下(Android),正确的方法是什么?找到重置 ARScene 的方法?对整个折线应用某种旋转,让我总是在同一个地方显示它?

我已经测试了以前方法的几种组合,但都没有成功,欢迎提供任何帮助。

更新:我得到了一些额外的信息,我可以修复在旋转折线属性中改变 y 轴的路径,只有 y 轴值,但是我找不到让我自动计算 de fix 的模式 o 规则,我已经记录找到锚点时的相机和锚点旋转值,这些是值:

0 投票
1 回答
90 浏览

react-native - 方法 ViroARScene.getCameraOrientationAsync() 在旋转数组中返回奇怪的值

我正在使用 ViroReact lib 开发一个 PoC,但我正在获取相机旋转的战略值。

环境:

  • 设备:Android 10。小米米 9
  • ViroReact 2.20.2

ViroARScene.getCameraOrientationAsync()我在 y 轴上旋转设备时,在旋转数组中返回意外值,试图保持 x 和 z 轴固定。

具体来说,当 y 轴达到 -90º 时,x/z 值变为 +/180º,并且从这一点开始,y 轴值接近 0,例如,y 轴值不是 -135º,而是 - 45,x/z 值为 +/-180。换句话说,y 轴值永远不会返回超过 90 的绝对值。

一些示例(值的误差范围约为 6 度):

  • 预期旋转:[0, -90, 0]。返回旋转:[+/-180, -90, +/-180]
  • 预期旋转:[0, -135, 0]。返回旋转:[+/-180, -45, +/-180]
  • 预期旋转:[0, -180, 0]。返回旋转:[+/-180, 0, +/-180]

问题:

  • 为什么y轴的绝对值永远不会大于90?
  • 如果我只是在 y 轴上旋转设备,为什么当我到达某个点(y 轴上的 +/-90º)时 x/z 值会变为 +/-180º。
  • 这是加速行为吗?如果是这样,任何人都可以解释这些值(请)。

检索值的代码:

我还创建了一个带有一些模型的 GitHub 问题,以显示预期和返回的旋转值:https ://github.com/ViroCommunity/viro/issues/13

0 投票
1 回答
152 浏览

reactjs - 如何在其他组件中使用 ViroReact 函数?

我正在尝试使用 viroReact 查找图像,然后显示一些媒体内容。

我想这样做,所以在找到锚点后我可以转到自定义反应视图,因为无法在带有 viro 的 AR 场景中显示基本反应元素。

我考虑过从 app.js 类(主类)调用一个函数来完成工作,如下所示:

这行得通吗?或者,还有更好的方法?

0 投票
1 回答
289 浏览

reactjs - 当看到目标时,React-Viro AR ImageTracking 子元素位于相机内部

我目前正在 Viro-React (React-Viro) 用于一个 AR 项目,在该项目中,如果相机看到某些图片,则会在其前面播放视频。我让它工作得很好,但不知何故,几天后,在没有更改代码的情况下ViroARImageMarker,当看到目标时,视频和其中的所有内容始终位于相机内。

这种行为似乎只发生在我自己的项目中,而不是 Viro Media 提供的示例中。

我试图:

  • 重新安装节点模块
  • 比较 package.json 的并重新安装。
  • 改变了内部元素的位置ViroARImageMarker
  • 并重新组织了元素。

但似乎没有任何效果。

正如我所说,代码本身显示和隐藏视频,但没有定位视频(每个都ViroARImageMarker正确,但在看到目标时将它们定位在相机的位置,然后将它们保留在那里。

这是代码。(最后的片段)我将此函数传递给ViroARSceneNavigator另一个脚本。

有一些动画,它们只是根据目标是否在视野中来放大/缩小视频。

(我删除了空格以适应更多屏幕)

主要代码

Viro 动画和材质

0 投票
1 回答
61 浏览

javascript - 如何分别返回数组的每一项js

我有一个 Viro 项目数组,当显示 onClick 函数不起作用时,我认为是因为它们在输入到 ViroARScene 时位于一个数组中。无论如何以它们的形式分别返回数组的所有元素?

编辑,示例代码:

其中 {ARObjects} 是 Viro 项目的数组,例如等

0 投票
2 回答
51 浏览

react-native - “反应未定义”

我对 react-native 和 Viro-react 平台非常陌生。目前,我正在为我最后一年的项目开发一个 AR/VR 应用程序。在那个项目中,我需要应用 redux 功能并为我的整个应用程序实现一个公共存储。我已经正确地创建了store/index.js(store), ( store/reducer/index.jsroot reducer) & 。以下是他们。store/reducer/initial_Reducer.jsstore/actions/initial_Action.js

商店/index.js(商店)

store/reducer/index.js(根减速器)

存储/reducer/initial_Reducer.js

存储/操作/initial_Action.js

当我尝试将商店应用到带有标签时,它给了我以下错误。

请检查此屏幕截图

我的 index.js & index.android.js 如下。

index.js

index.android.js

0 投票
0 回答
20 浏览

react-native - 在 AR 和 VR 之间无缝切换,反之亦然 VIRO react

我对这两个平台都很react native陌生。viro react我试图在初始 AR 场景中导航到 VR 场景,ViroVRSceneNavigator但它给了我一个错误。