three.js所，组旋转

Question

所以我有两个盒子的几何形状：

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

他们两人为一组被转圈：

group.rotation.y += ctrl.groupStep; 

所以我们可以说，我希望他们继续像这样旋转，因为同一组中有更多不同的对象，但我也希望这两个框几何在旋转时旋转。 于是，我就这条线旁添加group.rotation：

box.rotation.z += 0.02; 

但是只有一个框旋转。

如何使它们都旋转？

Answer 1

经过一番研究，我实现了想要的结果。 我将第二个框改名为box2。