问题标签 [aframe-react]

我正在构建一个将 360 度图像加载到天空图元中的网络应用程序。我正在使用aframe-react. 总共有 20+ 360 度图像，img里面只有一个资产a-assets。一旦用户切换场景反应将改变src资产img和场景将重新渲染。一切正常，但由于缓存，它使用了大量内存。有一次它使用了 4GB+ 内存。在移动设备中，网页在切换约 8 多张图片后崩溃。我该如何处理这种情况？

我尝试查看 THREE.Cache 但图像没有缓存在那里。

这种内存使用与使用 React 有什么关系吗？

我不确定我在这里搞砸了什么。我已经设法在基本的 A-Frame 中编写了自己的组件，但是自从转向 aframe-react 后，我​​遇到了错误：

组件.js：

我是不是导入错了？

我正在尝试使用带有 aframe-react 的 Networked-Aframe 库制作多人游戏。我遇到的最大障碍是我不能同时运行：

运行反应和

运行我的服务器。

也许创建我的反应应用程序的生产版本，然后运行服务器？

我如何让这两个一起工作？

我的easyrtc-server.js：https ://pastebin.com/PJ0UchSi

我正在使用 Aframe-React 和Aframe Click Drag 组件。

这运行良好，我现在正在尝试解决如何向实体添加事件，以便在拖动我的一个实体时更新这些计算（这些线是它们之间的肘部连接 - 我想将这些更新为项目被拖动）

稍后会为实体提供 Click Drag 属性，但我假设最好在此处添加侦听器。

该库有一个事件示例

https://github.com/jesstelford/aframe-click-drag-component/blob/master/examples/events/index.html

并像这样注册事件

但是我似乎无法弄清楚如何在这个类中调用一个函数，

即类似的东西

event-set__1="_event: dragstart" 应该调用 dragStart() 函数。

关于如何做到这一点的任何线索？

我正在尝试渲染图像，每个图像都应该是可点击的。我试着在下面写一个代码。但是，当用户访问组件时会触发单击事件。你能解释为什么会这样吗？

我写的代码在这里

我想在 Aframe-react 中注册一个 Aframe-component；我通常这样做 AFRAME.registerComponent('leftcamera',{...}); 然后立即在 Html 中使用它，但无法真正理解如何以正确的反应方式进行操作。

该应用程序是使用 create-react-app 引导的，并且阅读我发现可能是关于 webpack bundle.js 没有弹出就无法访问。

在 Chrome 检查器中：

在 Aframe discord 频道上，ngoKevin 告诉我只需要该组件。

这是组件，我希望能够在侧边栏中看到 4 个摄像头作为旁观者加上主活动摄像头，此代码仅用于一个摄像头，左侧一个

我的弹性布局

如果您想看一下，我将代码发布在故障上

----> https://aframe-spectator-sideview.glitch.me

这从 js 文件导入并在 HTML 上使用它（尝试直接 html 来理解，从 react-aframe 也适用于 obvs）

-导入和注册

任何提示或帮助将不胜感激！

先感谢您！

我正在 Aframe-react 应用程序中加载 gltf2 模型，在检查器中，模型看起来已加载但显示为空。

.gltf 1.0、.gltf 2.0 和 .glb 格式会发生这种情况。它们在在线模型查看器中看起来不错，但在 Aframe React 应用程序中是空的。

加载模型

和

渲染发生在一个反应​​组件中，而不是在主 app.js 中渲染

我还检查了三重比例位置和其他参数，它看起来很空，

有人在加载 gltf 时遇到了类似的问题？

谢谢你！

我希望为数组中动态添加的每个项目生成一个实体。

有可能这样做吗？我如何将每个项目的值归因于每个 Entity ？

然后在渲染中：

我正在尝试正确表示/缩放从 Adob​​e XD 到 aframe 的坐标。

这就是我目前的做法： 1. 将图像相关数据（坐标、宽度、高度）和图像本身作为 formData 上传到服务器。2. 资产完成后生成。3. 使用array.map 生成实体。4. 实体和一切生成和渲染都很好。但我注意到坐标有些不同。因此缩放没有正确完成。期望输出显示图像的准确表示，而坐标和图像本身的数据源是 Adob​​e XD。

//请参阅下面的图片以供参考

Adobe XD 图像 VR 图像

我有两个组件Home.js和View.js. 我View.js返回一个带有AframeRenderer标签的 JSX。View.js每当用户单击组件中的Click Me选项时，我都想渲染Home.js组件。

下面是来自App.js,Home.js和的代码的快照View.js

每当网站尝试打开localhost:3000/view页面时，代码都会出错

错误如下：

未捕获的错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查View.

App.js：

Home.js：

View.js：