用三個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/