javascript - 我可以使用三个 js ExtrudeGeometry 在尖锐的路径上挤出一个形状吗？

Question

我使用 CatmullRomCurve3 在曲线上进行拉伸(stretch)。是否可以像下面那样挤出一条锐线:

我想要的是:

尽可能少的多边形。

Answer 1

有多种方法可以创建台阶几何体，但要使用 ExtrudeGeometry 来创建，您可以执行如下操作:

var shape = new THREE.Shape();
shape.moveTo( 0, 0 );
var numSteps = 10, stepSize = 10;

for ( var i = 0; i < numSteps; i ++ ) {

    shape.lineTo( i * stepSize, ( i + 1 ) * stepSize );
    shape.lineTo( ( i + 1 ) * stepSize, ( i + 1 ) * stepSize );

}

var extrudeSettings = { amount: 100, bevelEnabled: false };
var geometry = new THREE.ExtrudeGeometry( shape, extrudeSettings );

var material = new THREE.MeshBasicMaterial( {color: 0xffffff } );
var steps = new THREE.Mesh( geometry, material );

有关基于 webgl_geometry_extrude_shapes2 的完整示例，请参见下文:

http://jsfiddle.net/cc146hcx/