0
だから私は2つのボックスの形状を持っている：Three.js、グループ回転
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つのボックスだけが回転しています。
両者をどのように回転させるか？