three.js - tutorial - Tres.js mueven el centro de la geometría.

three js examples

Question

He creado un cilindro y quiero mover su centro de rotación a uno de sus extremos cambiando el cuadro delimitador pero no funciona.

http://jsfiddle.net/736a7/1/

Hay un ejemplo de lo que he estado trabajando.

Básicamente, quiero girar el cilindro como si fuera una espada que se balancea con su asa.

Answer 1

Descubierto gracias a alguna ayuda.

geometry.applyMatrix( new THREE.Matrix4().makeTranslation(x, y, z) );

Usando eso, traduje la y del cilindro por 100 puntos para que básicamente gire en su extremo inferior.

Answer 2

Tomé un enfoque utilizando pivotes en mi caso. Básicamente, creas un punto de pivote:

var pointToRotateAround;
var objectToRotate;
...
var pivot = new THREE.Object3D();
pivot.position=pointToRotateAround.position;
pivot.add(objectToRotate);
scene.add(pivot);
...
function render (){
pivot.rotation.z +=0.05;
}
...

Brinda las formas posibles de hacer que un cuerpo gire alrededor de otro o cualquier punto. Aquí hay más información sobre ese enfoque: https://github.com/mrdoob/three.js/issues/1830