Three.js、グループ回転

Question

だから私は2つのボックスの形状を持っている：

var box; 
loader.load('img/plytos.jpg', function (texture){ 
var boxGeometry = new THREE.BoxGeometry(7,0.5,0.5); 
var boxMaterial = new THREE.MeshLambertMaterial({ map: texture, overdraw: 0.5 }); 
box = new THREE.Mesh(boxGeometry, boxMaterial); 
box.castShadow = true; 

box.position.x=15; 
box.position.y=5; 
box.position.z=2.7; 
group.add(box); 


var box; 
loader.load('img/plytos.jpg', function (texture){ 
var boxGeometry = new THREE.BoxGeometry(7,7,0.5); 
var boxMaterial = new THREE.MeshLambertMaterial({ map: texture, overdraw: 0.5 }); 
box = new THREE.Mesh(boxGeometry, boxMaterial); 
box.castShadow = true; 

box.position.x=15; 
box.position.y=5; 
box.position.z=2.7; 
group.add(box); 

は、それらの両方が周りに回転している1つのグループに、次のとおりです。

group.rotation.y += ctrl.groupStep; 

それでは、私はそれらを維持したいとしましょう同じグループ内に異なるオブジェクトが存在するため、このように回転しますが、これらの2つのボックスのジオメトリを回転させながら回転させることもできます。 だから私は、次のgroup.rotationに次の行を追加しようとしました：

box.rotation.z += 0.02; 

しかし1つのボックスだけが回転しています。

両者をどのように回転させるか？

Answer 1

いくつかの研究の後、私は欲しい結果を達成しました。 2番目のボックスの名前をbox2に変更しました。