cost 99 ms
Three.js 线框 object 无法在 Next.js 中使用“@react-three/fiber”进行渲染 - Three.js wireframe object failing to render with '@react-three/fiber' in Next.js

我一直在尝试根据我看到的CodeSandbox 示例在 Next.js 环境中使用 Three.js 创建一个移动的线框平面。 当我将示例调整到我自己的环境时,它无法呈现并且不会抛出任何错误。 我的代码: 我尝试过切换各种不同的材料,添加照明对象,使用网格而不是一组和其他不同的相机配置,所有这些都尝 ...

React Three Fiber 中的模型闪烁和故障,但在 Codesandbox 中工作正常,在纯 Three.js 中也工作正常 - Models in React Three Fiber flicker and glitch, but work fine in Codesandbox and also work fine in pure Three.js

我已经找了这个 bug 几十个小时了,但就是找不到: 以下简单的 React 组件在 Codesandbox 中完美运行: 沙盒链接。 但是完全相同的代码,在我的机器上安装了完全相同的 package 版本(我对 package.json 进行了三次和四次检查),导致各种错误: 闪烁冻结控件(不能 ...

添加 Canvas 时 React 三纤的 useMemo 问题 - useMemo Issue with React Three-fiber when adding the Canvas

我有以下 package.json,我安装了三个,三个/drei 和三个/光纤和三个/后处理 当前代码是将 canvas object 添加到 React 应用程序中,Box 只是一个返回网格元素的组件 在页面加载时,我遇到了以下问题: 加载错误我尝试使用 useMemo 如下,但同样的问题仍然存在 ...

如何使用 Three JS 和 React-Three-Fibre 创建点 - How do you create Points using Three JS and React-Three-Fibre

我正在使用 React、Three JS 和 React-Three-Fibre 我想创建一个 100 个点的数组,随机 colors、position 和大小。 我对如何 go 感到困惑,我想通过预定义缓冲区 arrays 来完成它,然后在某个循环中每个点都将从缓冲区分配颜色、position 和 ...

是什么让组件重新渲染? - What makes the component re-render?

向下滚动时,我很难找到让组件重新渲染的原因。 我尝试使用着色器和 FBO 技术构建带有粒子的场景。 我使用 useRef 和 useMemo 来防止重新渲染,而不是 useState。 我尝试使用 useGLTF 在此组件中加载 3d 模型,但没有成功。 向下滚动时会重新渲染。 似乎是什么问题? ...

three.js 阴影未显示在 object 上 - three js shadow is not showing on object

我是 Three JS 的初学者,我的代码有一些问题。 我的问题是我没有在我附加的每个 object 中正确地获得阴影。 这是图片: 这是我在沙箱中的代码: https://codesandbox.io/s/threejs-code-3rlk8b 请帮我解决这个问题。 或者告诉我是否有任何解决方 ...

threeJS 能够处理小型开放世界游戏吗? - is threeJS capable of handling a small open world game?

我打算构建一个小型开放世界网站游戏。 目的只是在这个世界上行走并探索一些东西(这实际上不是游戏,只是一个类似于游戏的3d网站) 世界图形可能有点重,所以如果我应该使用 threeJS 或其他库,我会感到困惑。 这是我如何看待这个世界的想法 https://i.ytimg.com/vi/HVIRxq ...

我的第一个 glsl 复杂着色器,如何让它随时间演变(使用三纤维和反应)? - first glsl complex shader for me, how to make it evolve with time (with three-fiber and react)?

我在下面创建了代码沙箱,我试图在其中显示网格。 https://codesandbox.io/s/template-shader-opcqst?file=/src/App.js 目前,网格显示但不是动画。 我不知道如何更改此网格的“时间”参数。 它必须与 useMemo、useEffect 或 ...

three.js中如何显示一百万条交互线串 - How to display a million of interactive line strings in three js

赏金将在 15 小时后到期。 此问题的答案有资格获得+200声望赏金。 Alexis Delrieu想让更多人关注这个问题: 一个答案或答案的一部分,可以阐明我们可以实施和解决问题的帖子我想使用 react-three-fiber(或使用 drei 库)显示一个电路。 电路由segments和t ...

React-Three-Fiber如何设置一个平面为相机的大小? - How to set a plane to be the size of the camera React-Three-Fiber?

我正在尝试在 React 站点的平面上添加 3D 效果。 但是我无法创建一个填充相机的平面,就像在所有 Three.js 着色器或后处理示例中一样。 我试过使用 Orthographic Camera + plane,基于这个答案,像这样:<Canvas> <Orthogra ...

原始标签能否反应三个光纤只能用于相同的一次 model - can primitive tag react three fiber only be used once for the same model

我有一个 iphone model,我想将它加载到我的反应项目中。 我使用来自 react three fiber R3F 的原始标签,它不是我们将能够在场景中看到的真实 object,但它是 R3F 支持的容器。 我想显示 2 个 iphone,这就是为什么我对同一个 model 使用原始标签两 ...

我可以在 React js - Three Fiber 中与我的 3d model 的不同组件进行交互吗? - Can I interact with different components of my 3d model in React js - Three Fiber?

我有 3d 球体和链接作为不同的网格组件。 我可以在没有这个球体的情况下围绕我的球体旋转链接网格吗? 我的 3d model 我想分别与链接网格和球体网格交互,并分别旋转球体和链接。 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM