用三个js创建一个有四个房间的公寓模型

Question

我想创建一个有四个房间的公寓模型。

为此，我将创建四个代表碎片的透明立方体。 我创建了一个，但我无法添加其他三个部分。

我正在使用three.js 框架。

// geometry
    var geometry = new THREE.BoxGeometry( 20, 10, 20 );

    // material
    var material2 = new THREE.MeshPhongMaterial( {
        color: 0xffffff, 
        transparent: false,
        side: THREE.BackSide
    } );

    // mesh
    mesh = new THREE.Mesh( geometry, material2 );
    scene.add( mesh );

Answer 1

var geometry = new THREE.BoxGeometry( 20, 10, 20 );
// material
var material = new THREE.MeshPhongMaterial( {
    color: 0xffffff, 
    transparent: false,
    side: THREE.BackSide
} );

// mesh
for(var y=0;y<1;y++)
for(var x=0;x<1;x++){
    mesh = new THREE.Mesh( geometry, material );
    mesh.position.set(x*20,0,y*20);
    scene.add( mesh );
}

也看看这个项目：

http://furnishup.github.io/blueprint3d/example/