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.