19得票5回答
TS表达式生成的联合类型过于复杂,无法使用Material-UI和@react-three/fiber表示。

我创建了一个使用 Material-UI 和 @react-three/fiber 库的 Next.js 应用程序。 我最近将 Material-UI 更新到 V5,出现了一个错误。 以下是错误信息: 我尝试了所有方法来解决它,但没有找到解决方案。 所以我尝试创建一个新项目,使用 Mater...

12得票2回答
三纤维帆布尺寸

我对三维画布的尺寸有疑问。我需要一个固定的画布宽度和高度。不幸的是,我还没有找到如何改变画布宽度和高度的方法。即使我可以使用 style={{width: 100px, height: 100px}} 更改大小,但这不是正确的方法。画布应该比 div 大。是否有人有用 three-fiber ...

12得票3回答
react-three fiber显示:“未捕获的Div不是THREE命名空间的一部分!您是否忘记了扩展?”

我一直在尝试向我正在构建的应用程序中添加滚动区域,但我始终会遇到以下错误: 未捕获的Div不是THREE命名空间的一部分!您是否忘记了扩展? 我对three.js非常陌生,因为我使用的是React,这使得它更加复杂。 这是App组件的代码(错误似乎源自此处): import '...

8得票2回答
如何在react-three-fiber中提取和播放动画。

我有一个.gltf动画模型。我成功加载了模型,但无法播放嵌入的动画。我想知道是否有任何方法可以解决这个问题。顺便说一下,我是在React中开发的。谢谢您提前。 在这里您可以找到该模型 https://drive.google.com/file/d/1ZVyklaQuqKbSliu33hFxd...

8得票5回答
React Three Fiber的网格标签在这个浏览器中无法识别。

我正在按照YouTube上的一个3D作品集教程进行学习,但遇到了这个错误。我在试图渲染一个网格,但控制台显示出一个警告:"该元素在此浏览器中无法识别"。浏览器能够正常渲染其他部分,但是这部分代码没有被渲染出来。 以下是代码块: const Computers = () => { ...

7得票4回答
three.js + 原生JS 和 react-three-fiber + create-react-app 之间的颜色差异。

这个问题困扰我有一段时间了,为什么在react-three-fiber中的材质颜色看起来比在threejs中暗淡了呢? 两种实现中的对象及其属性是相同的。 使用的threejs版本也是相同的。 在没有其他依赖项的情况下使用新创建的create-react-app进行实现。 Threej...

7得票2回答
在 @react-three/fiber 中使用 lookAt

我正在尝试学习如何在react中使用three js。为此,我正在使用@react-three/fiber和@react-three/drei。 我使用chriscourses的这个项目来学习three js,并希望用它来学习如何在react中使用threejs。 下面的代码应该显示从给定...

7得票3回答
如何在 react-three-fiber/drei/Three.js 中重复使用相同的 GLTF 模型?

在这个精简的 react-three-fiber 应用中,我正在尝试加载和包含同一个 GLTF 模型两次: import React, { Suspense } from "react"; import { Canvas } from "@react-three/fiber"; import...