Three.js: Obrót w środku obiektu

Question

Mam zmodyfikowanej ten jeden przędzenia kostkę tak, że zawierają 3 kostki w Object3D

http://jsfiddle.net/VsWb9/1243/

W powyższym przykładzie wykorzystuje pierwszą kostkę. Potrzebuję go, aby obracał się na jednej osi dokładnie w środku obiektu.

Kod object3D

geometry = new THREE.CubeGeometry(50, 50, 50); 
    material = new THREE.MeshNormalMaterial(); 
    mesh = new THREE.Object3D(); 
    mesh1 = new THREE.Mesh(geometry, material); 
    mesh1.position.x = 50; 
    mesh2 = new THREE.Mesh(geometry, material); 
    mesh2.position.x = 100; 
    mesh3 = new THREE.Mesh(geometry, material); 

    mesh.add(mesh1); 
    mesh.add(mesh2); 
    mesh.add(mesh3); 

    scene.add(mesh); 

Oto rotacji

mesh.rotation.x += 0.01; 
    mesh.rotation.y += 0.02; 

EDIT: po prostu powiedzieć, że jest to przykład wykazać problem, mój rzeczywisty przedmiot kod zawiera wiele różnych rozmiarach kształty.

Answer 1

Możesz zdefiniować współrzędne centrum.

mesh.position.set(center.x, center.y, center.z); 
mesh.geometry.applyMatrix(new THREE.Matrix4().makeTranslation(-center.x, -center.y, -center.z)); 

Answer 2

Naprawdę łatwy sposób jest po prostu umieścić swoje kostki nieco inaczej, więc zamiast ustawiania

mesh1.position.x = 50; 
mesh2.position.x = 100; 

i pozostawiając mesh3 domyślne do x 0, można je ustawić tak:

mesh1.position.x = -50; 
mesh3.position.x = 50; 

Co spowoduje, że środkowe pudełko będzie również w centrum sceny.

jsFiddle pokazując, że działa.