Updating a skinned mesh skeleton multiple times in a frame to get future bone positions

[saturn118]

I have a skinned mesh + animation created from a gltf file using the code example below.

 const group = React.useRef();
  const { scene, materials } = useGLTF("model.glb");
  const clone = useMemo(() => SkeletonUtils.clone(scene), [scene]);
  const { nodes } = useGraph(clone);
  const { animations } = useGLTF("animation.glb");
  const { actions, names } = useAnimations(animations, group);

  useEffect(() => {
        let currentAction = actions[names[0]];
        currentAction.play();
  }, []);

//Render the mesh
  <group {...props} ref={group}>
   <skinnedmesh> .... </skinnedmesh>
 </group>

I have a feature that requires me to know the future world position of bones within the animation. A simple approach of doing this would be to play the animation at a specific time without visually rendering the skinnedMesh and grab the bone position on each frame within useFrame.

The problem with this is that it takes several frames to get the data I require. Is there currently a way to force a skeleton to fully update multiple times in a single frame. Something like the the code below.

  const meshRef = React.useRef();
function GetFutureAnimationPositions()
{
  let timeListSeconds = [1,2,3]
   let skeleton =  meshRef.current.skeleton
   for (let i = 0; i < timeListSeconds .length; i++)
{
    let animationTimeToGet = timeListSeconds[i]
    //Force the skeleton to update to the given position here. Something like skeleton.update(animationTimeToGet )
   let bonePosition = null;
    skeleton.bones[0].getWorldPosition(bonePosition);
}
}

[drcmda]

there is not any difference - just dont use useAnimations and handle it all yourself. you have access to the skeleton and all the data you need. you can execute either in useFrame or in a useLayoutEffect which should come before.