three.js立方体几何-如何更新参数？

Question

可能是个愚蠢的问题，但现在开始了。Three.js几何有与它们相关联的“参数”函数，参见这里的盒子几何学。

箱体几何参数

我试图像这样更新这些参数..。

var nodeSize = 10;
var geometry = new THREE.CubeGeometry(nodeSize, nodeSize, nodeSize);
mesh = new THREE.Mesh(geometry, new THREE.MeshNormalMaterial({side:THREE.DoubleSide}));

scene.add(mesh);
mesh.geometry.parameters.depth=20;

但当然，几何学保持不变。有没有一种通过编辑这些参数来更新几何学的方法？

小提琴在这里，https://jsfiddle.net/kn3owveg/2/

任何帮助都很感激！

Answer 1

盖塔是完全正确的，你不能随着parameters的改变而改变几何。

还有另一种解决办法。缩小你的立方体。

function setSize( myMesh, xSize, ySize, zSize){
  scaleFactorX = xSize / myMesh.geometry.parameters.width;
  scaleFactorY = ySize / myMesh.geometry.parameters.height;
  scaleFactorZ = zSize / myMesh.geometry.parameters.depth;
  myMesh.scale.set( scaleFactorX, scaleFactorY, scaleFactorZ );
}
...
setSize(mesh, 10, 10, 20);

小提琴实例

Answer 2

parameters.depth只在几何构造时使用。它在修改它时没有任何效果。你可以把它想象成read only。

使用BoxGeometry的示例和右边的gui来查看如何实现您想要的结果。

Answer 3

从技术上讲，缩放只会产生更新的几何图形的错觉。我会说，更好的方法是将网格的几何值重新分配到一个新的几何图形。

mesh.geometry = new THREE.CubeGeometry(newSize, newSize, newSize)

使用这种方法，您可以更新几何学的任何方面，包括深度段，例如，，这在处理非立方体几何图形(如圆柱或球体)时特别有用。

下面是使用这种方法的原始代码的完整重做，实际上只有最后一行已经更改：

var nodeSize = 10;
var geometry = new THREE.CubeGeometry(nodeSize, nodeSize, nodeSize);
mesh = new THREE.Mesh(geometry, new THREE.MeshNormalMaterial({side:THREE.DoubleSide}));

scene.add(mesh);
mesh.geometry = new THREE.CubeGeometry(nodeSize, nodeSize, 20);