I'm trying to create a unique shape that resembles an open ring with squared edges instead of the traditional torus shape. I've experimented with using shapes and paths as holes in my design:
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 );
Currently, I have been able to create a mesh with this design by extruding it:
new THREE.Mesh( arcShape.extrude({ amount: 5, bevelEnabled: false }), MATERIAL );
However, I am now looking for a way to add a middle ring to this design. I have tried modifying the shape like this:
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 );
While this modification does create a middle ring, there is still a subtle face between the terminal parts. Is there a technique to make this design completely open as intended?