Одновременно анимированные кубики с использованием KeyFrameTracks в ThreeJS

Question

Я хотел бы отобразить два разных куба, анимированных через KeyFrameTracks. Следующий пример кода KeyFrame Three.js был принят. Как я могу интегрировать второй анимированный куб, перемещенный через KeyFrameTracks? Thx

// create an animation sequence with the tracks
// If a negative time value is passed, the duration will be    calculated from the times of the passed tracks array

var clip = new THREE.AnimationClip( 'Action', 3, [ scaleKF, positionKF, quaternionKF, colorKF, opacityKF ] );

// setup the AnimationMixer
mixer = new THREE.AnimationMixer( mesh );

// create a ClipAction and set it to play
var clipAction = mixer.clipAction( clip );
clipAction.play();

Answer 1

Идея состоит в том, чтобы использовать AnimationObjectGroup . Экземпляр этого класса представляет группу объектов, которая получает общее состояние анимации. После создания группы вы добавляете в нее соответствующие сетки. На следующем шаге вы передадите эту группу микшеру анимации в качестве его корневого объекта.

const animationGroup = new THREE.AnimationObjectGroup();

animationGroup.add( mesh1 );
animationGroup.add( mesh2 );

const mixer = new THREE.AnimationMixer( animationGroup );

https://threejs.org/examples/misc_animation_groups

three.js R104