javascript - Three.js - 形状和内孔问题

Question

我有一个问题，我怎样才能得到一种像环面但方形的“开环”？我尝试用一​​个形状加上一条路径作为一个洞:

var arcShape = new THREE.Shape();   
arcShape.moveTo( 40, 0 );   
arcShape.arc( 0, 0, 40, 0, 2*Math.PI, false );  

var holePath = new THREE.Path();
holePath.moveTo( 30,0 )
holePath.arc( 0, 0, 30, 0, 2*Math.PI, true );

到目前为止，制作网格:

new THREE.Mesh( arcShape.extrude({ amount: 5, bevelEnabled: false }), MATERIAL );

它可以工作，但是如何制作一个中环呢？我的意思是:

 var arcShape = new THREE.Shape();  
 arcShape.moveTo( 40, 0 );  
 arcShape.arc( 0, 0, 40, 0, Math.PI, false );   

 var holePath = new THREE.Path();
 holePath.moveTo( 30,0 );
 holePath.arc( 0, 0, 30, 0, Math.PI, true );

它有效，但它在终端部分之间仍然是一个微妙的面孔......有没有办法让它完全打开？

Answer 1

与其从第一个方 block 开始，不如尝试更改 Torus 几何构造函数中的参数:

// Torus geometry parameters:
//     radius of entire torus,
//     diameter of tube (should be less than total radius), 
//     segments around radius, 
//     segments around torus ("sides")
var torusGeom = new THREE.TorusGeometry( 25, 10, 4, 4 );