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

问题描述

我有一个关于使用 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);

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

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

解决方法

geometry.parameters.width = parameter.width

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

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