我如何使用ExtrudeGeometry在三個j中增加形狀的高度/深度

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選項我無法改變width.if我改變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);