三.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。