为什么 three.js 仅在定义新几何时才更新几何？

Question

我有一个关于使用 dat.gui 在 three.js 中更新几何的问题。

我希望我可以通过更新绑定到几何图形的值来更新几何图形，如下所示。

gui.add(parameter, 'width')
    .min(1)
    .max(10)
    .step(0.1)
    .name('cubeWidth')
    .onChange((value) => {
        mesh.geometry.dispose();

        geometry.parameters.width = parameter.width
        console.log(mesh)

    })

但是，只有当我像下面这样重新定义几何体时，它才会更新几何体。

mesh.geometry = new THREE.BoxGeometry(parameter.width, 1, 1);

这对我来说有点奇怪，因为即使当我记录几何数据时，两者都显示更新后的宽度值，如下所示。

为什么只有第一种方法有效而另一种方法无效？

Answer 1

geometry.parameters.width = parameter.width

这没有效果。只有在创建几何体时才会处理参数。 parameters 属性实际上是只读的。

您的问题的解决方案确实是使用新的参数集重新创建几何体。

为什么 three.js 仅在定义新几何时才更新几何？

why three.js updates geometry only when new geometry is defined?

three.js

dat.gui