问题标签 [drei]

的使用给出错误，

我尝试过的代码，

当我删除<OrbitControls />它时，它完全没有错误，但我失去了轨道控制功能

大家好，我有点把自己逼疯了，但我正在尝试设置一个简单的 three.js 场景，但是当我尝试使用 @react-three/drei 中的 useGLTF 函数时，场景崩溃了，我的控制台说：

Warning: meshopt_decoder is using experimental SIMD support

我的反应场景如下所示：

还有我的包裹：

我无法弄清楚这里发生了什么，并且控制台错误的描述性不足以让我理解。我在这里缺少一些明显的步骤吗？

谢谢！

我正在尝试将drei Html元素固定到左上角。我正在努力让它在旋转或移动相机时保持在同一位置。这是我目前的尝试：

Html 位置在窗口调整大小时正确更新，但在相机旋转或相机移动时不会更新。有人知道如何解决这个问题吗？

在我的示例中转换任一网格时，我试图让轨道控制锁定它们的位置。我当前的实现遵循此处找到的逻辑：https ://drei.pmnd.rs/?path=/story/controls-transformcontrols--transform-controls-lock-st它目前锁定了其中一个被移动盒子的轨道控制但不是另一个。任何帮助将不胜感激。

https://codesandbox.io/s/mixing-controls-forked-uzmy8?file=/src/App.js

我正在尝试创建一种相机固定的情况，您可以通过拖动鼠标围绕 y 或轴旋转视图。

类似于 threejs.org/examples/?q=panorama#webgl_panorama_cube 的东西。但我应该能够在一个物体内移动。

我尝试使用 drei，但只能使用 PointLockControls 和 OrbitControls 成功，这两者都没有帮助，因为您无法使用 PointLockControls 启用光标，并且您无法使用轨道控件修复相机位置。

代码沙箱中的一个小例子会非常有帮助。非常感谢！

我正在使用React Three Fiber和drei。我想知道如何使用MapControls. 网上有一些解决方案，说明如何使用普通文件存档，three.js但不使用MapControlsor OrbitControlsfromdrei和r3f.

我试过这个，但一旦我达到极限，相机就会奇怪地出现故障。

谢谢你的帮助

亚历山大

我正在尝试使用primitive在 react-fiber 中导入 gltf 模型，但它给出了上述错误

我正在使用three.js 将纹理放置到对象上。导入的包是“three”、“@react-three/fiber”和“@react-three/drei”。问题是......加载纹理不是问题，但是当我尝试将纹理放入 Box 时，它会导致 ForwardRef 错误。

立方体组件

错误

Canvas 组件在另一个文件中，并且 Cube 组件在其中导入。

画布组件

我正在绘制具有以下配置的 3d 模型。

• 反应三纤维
• @react-三/drei

下面是一个绘制模型的 CodeSandBox。
CodeSandBox-A

绘制的模型靠近画布的顶部，我想将其居中。

你能告诉我如何将模型放在画布上吗？
这是我第一次接触 Three.js，所以我确信我可能犯了一些基本错误。

代码如下。
Canvas组件的props我参考了以下文档。
React 三纤维文档

在 v6.x 中删除了 setDefaultCamera。· 问题#1147 · pmndrs/react-three-fiber
我还尝试了使用useThree上述问题中描述的代码。
以下是它的 CodeSandBox。
CodeSandBox-B
从 CodeSandBox 中可以看到，我无法移动相机。

我正在尝试使用@react-three/drei。我已经成功安装并使用了@react-three/fiber但是当我安装@react-three/drei. 我收到以下错误：

当我将此导入用于@react-three/drei- 时出现错误

应用程序.jsx

任何帮助，将不胜感激！谢谢