堆栈内存溢出
cost 153 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 创建一个移动的线框平面。 当我将示例调整到我自己的环境时，它无法呈现并且不会抛出任何错误。 我的代码： 我尝试过切换各种不同的材料，添加照明对象，使用网格而不是一组和其他不同的相机配置，所有这些都尝 ...

Collada model 黑色装 - Collada model loaded in Black

我复制了官方 three.js repo 中给出的如何加载 DAE Collada model 的示例，修改它以删除动画，并加载我自己的 Collada model。 问题是 model 加载为黑色，如您在此codesandbox中所见，我无法更改材质颜色？ 您可以看到相同的 model 文件（在我 ...

打开和关闭 animation 模型的可见属性会干扰 ThreeJS 动画/渲染循环吗？ - Turning animation model's visible property on and off interferes with ThreeJS animate/render loop?

在我的ThreeJS应用程序 (r124) 中，我有一个 GLB animation model 我附加了一个聚光灯，让它看起来像一架带灯的无人机，可以打开和关闭。 我有一个 function 来“打开灯”，它唯一做的就是通过将其visible属性设置为true来使灯可见： this.tur ...

THREE.JS 光线投射器 - THREE JS Raycaster

如何通过在THREE.JS中点击鼠标来select只显示一个特定的object 现在通过单击任意点执行 function，尽管条件声明名称为 mesh const raycaster = new THREE.Raycaster(); const mouse = new THREE.Vector2 ...

每当凸多面体之间发生碰撞时，cannon-es 就会崩溃 - cannon-es crashes whenever there is a collision between Convex polyhedrons

我正在尝试在 three.js 和 cannon-es 中实现一个骰子滚筒。 如果我只有一个骰子，它工作得很好。 它以合理的方式在地平面上滚动。 当我添加另一个骰子时，它在地平面上也能正常工作，但一旦两个CANNON.ConvexPolyhedron对象发生碰撞，它就会完全崩溃并使模拟崩溃。 碰撞后 ...

通过 XHR 加载 GLTF model 时的 Infinity% 加载百分比 - Infinity% loading percentage when loading GLTF model via XHR

我正在尝试使用 XHR 加载钢琴的 GLTF model，并在网页上显示加载百分比。 model 是使用 Three.js 库加载的。 当我在本地服务器上运行代码时，加载百分比显示正确并且 model 呈现没有任何问题。 但是，当我在网站上托管代码时，加载百分比显示为“Infinity%”。 我在 ...

尝试将 webgl_interactive_cubes 与指针锁组合时无法读取未定义的属性（读取“getHex”）three.js - Cannot read properties of undefined (reading 'getHex’) when trying to combine webgl_interactive_cubes with pointer lock three.js

我正在尝试创建带有步行导航和交互式对象的场景，用于教育目的。 我正在使用Pointer Lock Control 示例进行步行导航和交互式立方体示例，来自 three.js。虽然“步行”有效，但它才刚刚开始，所以项目远非完美。 不幸的是 cursor 部分错误显示出来 这是我的代码： ...

三个 JS：我收到此错误不支持的 OpenType 签名<!--DO</div--><div id="text_translate"><p> 我有一个 three.js 项目，我使用<strong>parcel</strong>作为模块捆绑器。 我尝试使用三个 js <strong>TTFLoader</strong>加载字体，但出现此错误。 我在inte.net上查过类似的问题，有人说是跟字体的<strong>相对路径</strong>有关，我觉得不是。 我不知道问题到底出在哪里</p><p><strong>这是错误的快照</strong><a href="https://i.stack.imgur.com/v8OC7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v8OC7.jpg" alt="在此处输入图像描述"></a></p><p> <strong>这是项目树：</strong></p><p> <a href="https://i.stack.imgur.com/fFKA9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fFKA9.jpg" alt="在此处输入图像描述"></a></p><p> <strong>这是包含错误的代码的一部分：</strong></p><p> <strong>应用程序.js</strong></p><pre> // load font -- three font const ttfLoader = new TTFLoader(); ttfLoader.load('fonts/Mont-Regular.ttf', (json) => { const font = new FontLoader(json); this.textGeo = new TextGeometry('Hello Text', { font: font, size: 200, height: 50, curveSegments: 12, }); this.textMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000, side: THREE.DoubleSide, }); this.textMesh = new THREE.Mesh(this.textGeo, this.textMaterial); this.textMesh.position.set(0, 0, 0); }); this.scene.add(this.textMesh);</pre><hr><p> <strong>这是codesandbox：</strong> <a href="https://codesandbox.io/s/three-project-0hpqjr" rel="nofollow noreferrer">https://codesandbox.io/s/three-project-0hpqjr</a></p><hr><p> 我怎么解决这个问题？ 谢谢</p></div> - Three JS: I am getting this error Unsupported OpenType signature <!DO

我有一个 three.js 项目，我使用parcel作为模块捆绑器。 我尝试使用三个 js TTFLoader加载字体，但出现此错误。 我在inte.net上查过类似的问题，有人说是跟字体的相对路径有关，我觉得不是。 我不知道问题到底出在哪里这是错误的快照 这是项目树： 这是包含错误的代码的一部 ...

在坐标 3D object model in Three.js 上放置一个点 - Place a point upon coordinates on a 3D object model in Three.js

我正在构建一个 Three.js 应用程序（React 模板，如果它很重要）。 我有这个 3D object model 应该像应用程序中的 Pl.net 地球一样。 我有这个空间站 model。我想通过每隔一秒给出一些特定坐标来围绕世界旋转空间站。 我的问题是： 我怎样才能把空间站放在伦敦上方，例 ...


排序:
质量:
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM