three.js - 为什么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);

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

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

标签： three.jsdat.gui

Answer 1

几何.参数.宽度=参数.宽度

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

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