如何在三个js中使用Extrude Geometry增加形状的高度/深度

Question

我使用三个j来绘制一条线，实际上我需要像墙一样绘制这个但是我得到像纸一样的单行我无法增加代码的高度

我的代码如下：

var shape1 = new THREE.Shape();
shape1.moveTo(v1,v2);   
shape1.lineTo(v1,v2);     
shape1.bezierCurveTo(v1,v2,v3,v4,v5,v6);

var extrusionSettings = {
            curveSegments:0,
            steps: 0,
            amount: 0,
            bevelEnabled: true,
            bevelThickness: height,
            bevelSize: 1,
            bevelSegments: 8,
            material: 0,
            extrudeMaterial: 1
        };

var geometry1 = new THREE.ExtrudeGeometry( shape1, extrusionSettings );

使用此功能，我可以获得与附加图像

相似的行

现在我需要这条线像墙一样。使用extrusionSettings选项我无法改变宽度。如果我更改bevelSize意味着它看起来像一个弯曲的。我怎么能这样做？

Answer 1

In the three.js documentation对于ExtrudeGeometry，您可以看到有一个金额变量应该设置为所需的深度。

这样的事情：

var extrudeSettings = {
    amount : 100,
    steps : 1,
    bevelEnabled : false,

    ...other settings...

};

var geometry = new THREE.ExtrudeGeometry( shape, extrudeSettings );