Three.js: Xoay tại trung tâm của một đối tượng

Question

Tôi đã sửa đổi cube quay đơn này để nó chứa 3 khối trong một Object3D

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

Trong ví dụ trên nó sử dụng các khối đầu tiên. Tôi cần nó để xoay trên một trục duy nhất tại trung tâm chính xác của đối tượng.

Các object3D đang

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); 

Đây là xoay

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

EDIT: Chỉ cần nói rằng đây là một ví dụ để chứng minh vấn đề, đối tượng đang thực tế của tôi chứa nhiều hình dạng kích thước khác nhau.

Answer 1

Bạn có thể xác định tọa độ của trung tâm.

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

Answer 2

Cách thực sự dễ dàng là chỉ cần xác định vị trí hình khối của bạn hơi khác nhau, vì vậy thay vì thiết

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

và rời khỏi mesh3 để mặc định một x 0, bạn có thể đặt chúng như thế này:

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

Điều này sẽ làm cho hộp trung tâm cũng nằm ở giữa cảnh.

jsFiddle cho biết nó hoạt động.