我一直在尝试根据我看到的CodeSandbox 示例在 Next.js 环境中使用 Three.js 创建一个移动的线框平面。 当我将示例调整到我自己的环境时,它无法呈现并且不会抛出任何错误。 我的代码: 我尝试过切换各种不同的材料,添加照明对象,使用网格而不是一组和其他不同的相机配置,所有这些都尝 ...
我一直在尝试根据我看到的CodeSandbox 示例在 Next.js 环境中使用 Three.js 创建一个移动的线框平面。 当我将示例调整到我自己的环境时,它无法呈现并且不会抛出任何错误。 我的代码: 我尝试过切换各种不同的材料,添加照明对象,使用网格而不是一组和其他不同的相机配置,所有这些都尝 ...
我有一个组件如下: 我可以看到 model 已正确加载,但未加载纹理,我该如何解决? ...
我已经找了这个 bug 几十个小时了,但就是找不到: 以下简单的 React 组件在 Codesandbox 中完美运行: 沙盒链接。 但是完全相同的代码,在我的机器上安装了完全相同的 package 版本(我对 package.json 进行了三次和四次检查),导致各种错误: 闪烁冻结控件(不能 ...
这已经很完美了: 现场演示: https://codesandbox.io/s/r3f-mouse-to-world-elh73?file=/src/index.js:311-315 我怎么能给 animation 添加一个小的延迟,这样 object 就不会立即在鼠标 position 上? 以 ...
我有以下 package.json,我安装了三个,三个/drei 和三个/光纤和三个/后处理 当前代码是将 canvas object 添加到 React 应用程序中,Box 只是一个返回网格元素的组件 在页面加载时,我遇到了以下问题: 加载错误我尝试使用 useMemo 如下,但同样的问题仍然存在 ...
我正在使用 React、Three JS 和 React-Three-Fibre 我想创建一个 100 个点的数组,随机 colors、position 和大小。 我对如何 go 感到困惑,我想通过预定义缓冲区 arrays 来完成它,然后在某个循环中每个点都将从缓冲区分配颜色、position 和 ...
向下滚动时,我很难找到让组件重新渲染的原因。 我尝试使用着色器和 FBO 技术构建带有粒子的场景。 我使用 useRef 和 useMemo 来防止重新渲染,而不是 useState。 我尝试使用 useGLTF 在此组件中加载 3d 模型,但没有成功。 向下滚动时会重新渲染。 似乎是什么问题? ...
我是 Three JS 的初学者,我的代码需要一些帮助。 拜托,你能帮我一下吗? 1| Button1 “增加+ 1” 。 单击按钮 1 后,ROOM1将移动到ROOM2位置,依此类推。 Room8会搬到ROOM1 position。 2| Button2 “增加+ 2” 。 点击But ...
我是 Three JS 的初学者,我的代码有一些问题。 我的问题是我没有在我附加的每个 object 中正确地获得阴影。 这是图片: 这是我在沙箱中的代码: https://codesandbox.io/s/threejs-code-3rlk8b 请帮我解决这个问题。 或者告诉我是否有任何解决方 ...
我打算构建一个小型开放世界网站游戏。 目的只是在这个世界上行走并探索一些东西(这实际上不是游戏,只是一个类似于游戏的3d网站) 世界图形可能有点重,所以如果我应该使用 threeJS 或其他库,我会感到困惑。 这是我如何看待这个世界的想法 https://i.ytimg.com/vi/HVIRxq ...
我遵循 React Three Fiber 的文档,但陷入了这个问题。 这是我的组件 和依赖 ...
我在下面创建了代码沙箱,我试图在其中显示网格。 https://codesandbox.io/s/template-shader-opcqst?file=/src/App.js 目前,网格显示但不是动画。 我不知道如何更改此网格的“时间”参数。 它必须与 useMemo、useEffect 或 ...
目前我有一个PerspectiveCamera设置如下: 它似乎直接指向z方向。 我希望相机直接指向负y方向。 我怎样才能改变它指向的角度? ...
赏金将在 15 小时后到期。 此问题的答案有资格获得+200声望赏金。 Alexis Delrieu想让更多人关注这个问题: 一个答案或答案的一部分,可以阐明我们可以实施和解决问题的帖子我想使用 react-three-fiber(或使用 drei 库)显示一个电路。 电路由segments和t ...
无论我从 drei 包中导入什么,我都会得到同样的错误,我确信我已经安装了所有必要的包和最新版本,但我有这个奇怪的错误。 ...
我制作了一个围绕 0 轴旋转的简单地球球体。 然后我添加了一个孩子(月亮),但我不知道是否可以在地球的 useFrame 挂钩内修改它的 position 。 const Earth = (props) => { const ref = useRef() ...
我正在尝试在 React 站点的平面上添加 3D 效果。 但是我无法创建一个填充相机的平面,就像在所有 Three.js 着色器或后处理示例中一样。 我试过使用 Orthographic Camera + plane,基于这个答案,像这样:<Canvas> <Orthogra ...
我有一个 iphone model,我想将它加载到我的反应项目中。 我使用来自 react three fiber R3F 的原始标签,它不是我们将能够在场景中看到的真实 object,但它是 R3F 支持的容器。 我想显示 2 个 iphone,这就是为什么我对同一个 model 使用原始标签两 ...
我有一个 App.js 文件,它在三纤维中呈现一个 icosahedronGeometry,如何制作加载 Model.js 文件中的 model 的文件应用程序.js 这是用 npx gltfjsx model.gltf Model.js 制作的文件 ...
我有 3d 球体和链接作为不同的网格组件。 我可以在没有这个球体的情况下围绕我的球体旋转链接网格吗? 我的 3d model 我想分别与链接网格和球体网格交互,并分别旋转球体和链接。 ...