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

Question

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

三.js 特色项目示例

他们是如何生成这些里面有洞的盒子的？ （在那个例子中，盒子基本上只有周围的边框，里面是空的）。

正如我在代码中看到的（我试图弄清楚自己）他们使用BoxGeometry但我不知道如何实现。 有谁知道或可以给我任何指示？ 这真的很有帮助，因为我一直坚持这个并且不知道如何创建它们。

Answer 1

所以在 THREE.js 中，Meshes 代表任何类型的 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;