Uso THREE.ExtrudedGeometry de dos maneras diferentes y esperaba el mismo resultado.

Una vez que uso la profundidad para establecer las opciones de extrusión. Otra vez uso una ruta de extrusión que es una línea desdeVector3(0, 0, 0) aVector3(0, 0, depth)

Lo extraño es que la geometría resultante gira desprevenidamente alrededor del eje Z. ¿Por qué es esto? ¿Es este comportamiento esperado o estoy haciendo algo mal?

A violín puede ser encontradoaquí y este es mi código:

Variables comunes

// Material for mesh
var material = new THREE.MeshBasicMaterial({color:0xff0000});

// Depth to extrude
var depth = 10;

// Shape to extrude
var shape = new THREE.Shape([
    new THREE.Vector2( -20,-60 ),
    new THREE.Vector2( -20, 60 ),
    new THREE.Vector2(  20, 60 ),
    new THREE.Vector2(  20,-60 )
]);

Aquí usando la profundidad:

var extrudeSettings1 = {
    bevelEnabled: false,
    steps: 1,
    amount: depth
};

var geometry1 = new THREE.ExtrudeGeometry( shape, extrudeSettings1 );

var mesh1 = new THREE.Mesh( geometry1, material );

mesh1.position.set( -50, 0, 0 );

scene.add( mesh1 );

Ahora usando una ruta

var v1 = new THREE.Vector3( 0, 0, 0 );

var v2 = new THREE.Vector3( 0, 0, depth );

var path = new THREE.LineCurve3( v1, v2 )

var extrudeSettings2 = {
    bevelEnabled: false,
    steps: 1,
    extrudePath: path
};

var geometry2 = new THREE.ExtrudeGeometry( shape, extrudeSettings2 );

var mesh2 = new THREE.Mesh( geometry2, material );

mesh2.position.set( 50, 0, 0 );

scene.add( mesh2 );

EDITAR1:

Actualizadoposition.set() después de WestLangley su comentario

EDIT2:

Pensé de nuevo, pero no entiendo su respuesta por parte de WestLangley. La orientación de la forma no importa para poder terminar en el punto de partida. De cualquier manera, la forma puede tener la misma orientación que comenzó.

Para ilustrar, dibujo dos formas en el plano x, y y muestro la extrusión del resultado correcto en mi opinión: