Javascript Three.js-如何创建自定义形状

我正在使用Three.js并尝试创建一些自定义形状，类似于一个使用threejs的机构的项目中出现的形状：

three.js特色项目示例

他们是如何产生这些盒子里面有洞的？（关于这些例子） 框的周围基本上只有边框，里面是空的）

正如我在代码中所看到的（我试图弄清楚自己），他们使用了BoxGeometry，但我不知道如何实现这一点。有人知道或能给我指路吗？这将是非常有帮助的，因为我被困于此，不知道如何创建它们

---

因此，在THREE.js中，网格表示任何类型的3D对象。它们结合了几何体和着色器。通常，创建一个您调用的网格

var mesh = new THREE.Mesh( geometry, shader );

如果使用任何内置着色器（也称为材质[MeshBasicMaterial、MeshLambertMaterial等]），则它们具有允许此功能的线框布尔属性

var geometry = new THREE.BoxGeometry( x, y, z ),
    material = new THREE.MeshBasicMaterial( { 
        wireFrame: true, // This makes the object appear wireframe
        color: 0xffffff  // You can alter other properties
    });

var box = new THREE.Mesh( geometry, material );

// You can also change it later
box.material.wireFrame = false;