如何用Three.js改变CubeGeometry的宽度？

我有一个立方体几何图形和一个网格，我不知道如何改变宽度（或高度...我可以改变x，y和z尽管）。这里是什么，我现在所拥有的一个片段：如何用Three.js改变CubeGeometry的宽度？

geometry = new THREE.CubeGeometry(200, 200, 200); 
material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: true }); 
mesh = new THREE.Mesh(geometry, material); 
// WebGL renderer here 

function render(){ 
    mesh.rotation.x += 0.01; 
    mesh.rotation.y += 0.02; 
    renderer.render(scene, camera); 
} 

function changeStuff(){ 
    mesh.geometry.width = 500; //Doesn't work. 
    mesh.width = 500; // Doesn't work. 
    geometry.width = 500; //Doesn't work. 
    mesh.position.x = 500// Works!! 

    render(); 
}

谢谢！

EDIT

实测值的溶液：

mesh.scale.x = 500;

来源

2011-12-05 Jorge Guberte

CubeGeometry扩展几何体，但它使用的宽度，高度，深度特性构造函数的参数而已，不作为属性，所以你提到的，mesh.scale是您的解决方案 –

只是为了完成评论和来自问题溶液（和具有本实施例的代码的应答）：

// create a cube, 1 unit for width, height, depth 
var geometry = new THREE.CubeGeometry(1,1,1); 

// each cube side gets another color 
var cubeMaterials = [ 
    new THREE.MeshBasicMaterial({color:0x33AA55, transparent:true, opacity:0.8}), 
    new THREE.MeshBasicMaterial({color:0x55CC00, transparent:true, opacity:0.8}), 
    new THREE.MeshBasicMaterial({color:0x000000, transparent:true, opacity:0.8}), 
    new THREE.MeshBasicMaterial({color:0x000000, transparent:true, opacity:0.8}), 
    new THREE.MeshBasicMaterial({color:0x0000FF, transparent:true, opacity:0.8}), 
    new THREE.MeshBasicMaterial({color:0x5555AA, transparent:true, opacity:0.8}), 
]; 
// create a MeshFaceMaterial, allows cube to have different materials on each face 
var cubeMaterial = new THREE.MeshFaceMaterial(cubeMaterials); 
var cube = new THREE.Mesh(geometry, cubeMaterial); 

cube.position.set(0,0,0); 
scene.add(cube); 
cube.scale.x = 2.5; // SCALE 
cube.scale.y = 2.5; // SCALE 
cube.scale.z = 2.5; // SCALE

稍微先进的，动态的例子在这里实现：https://www.matheretter.de/formeln/geometrie/quader/（仍然相同的缩放比例）

来源

2014-01-21 16:10:44

比例属性可用于更改立方体的宽度，高度和深度。

//creating a cube 
    var geometry = new THREE.BoxGeometry(1,1,1); 
    var material = new THREE.MeshBasicMaterial({color:"white"}); 
    var cube = new THREE.Mesh(geometry, material); 


    //changing size of cube which is created. 
    cube.scale.x = 30; 
    cube.scale.y = 30; 
    cube.scale.z = 30;

来源

2016-04-25 08:06:55

如何用Three.js改变CubeGeometry的宽度？

回答

相关问题