AnimationClip

[kimeunseoo]

hi :)
I'm really beginner with three.js.. so I need your help. my 3D model has one action, and I'm trying to control the movement of my model using GSAP ScrollTrigger along with the action. So I used this code, but my action always returns null.

i appreciate your support! Please help me!!

---

useEffect(() => {
if (group.current) {
// create QuaternionKeyframeTrack
const createQuaternionAnimation = () => {
const trackName = '.quaternion';
const times = [0, 1, 2];
const values = [

    new Quaternion().setFromAxisAngle(new Vector3(0, 1, 0), 0), 
    new Quaternion().setFromAxisAngle(new Vector3(0, 1, 0), Math.PI), 
    new Quaternion().setFromAxisAngle(new Vector3(0, 1, 0), Math.PI * 2), 
  ];

  const track = new QuaternionKeyframeTrack(trackName, times, values);
  const clip = new AnimationClip('quaternionAnimation', 1, [track]);


  const newMixer = new AnimationMixer(group.current);
  const action = newMixer.clipAction(clip);
  console.log(action)

  setMixer(newMixer);

  return newMixer;
};

const newMixer = createQuaternionAnimation();

}
}, [group]);

useEffect(() => {
console.log(mixer)

if (mixer) {
mixer.update(0);
mixer.timeScale = 1;
*** const action = mixer.clipAction('quaternionAnimation');
if (action !== null) {
action.play();
}else{
console.log("not found")
}**
}
}, [mixer]);

---