javascript - 我需要在threejs中将对象彼此分开我找到了一个教程但他使用了meshX = -10并且它不起作用

Question

我需要meshX 将盒子彼此分开。这是在 Threejs 中。

这是代码

meshX = -10; //error in meshX.
for(var i = 0; i < 15; i++){
    var mesh = new THREE.Mesh(geometry, material);
    mesh.position.x = (Math.random() - 0.5 * 10);
    mesh.position.y = (Math.random() - 0.5 * 10);
    mesh.position.z = (Math.random() - 0.5 * 10);
    scene.add(mesh);
    meshX += 1;
}

标签： javascriptanimation

Answer 1

尝试在 x 网格位置计算处添加 meshX。

let meshX = -10;
for(let i = 0; i < 15; ++i) {
    let mesh = new THREE.Mesh(geometry, material);
    mesh.position.x = (Math.random() - 0.5) * meshX;
    mesh.position.y = (Math.random() - 0.5) * 10;
    mesh.position.z = (Math.random() - 0.5) * 10;
    scene.add(mesh);
    meshX += 1;
}