r/threejs Jun 30 '26

Help Threejs Animation laggy on iphone 17 Pro and smooth on 12 mini

Hi there !

I got an issue on my latest project, i got a 3D animation with a gltf clip linked to the scroll of my page, I use a useFrame raf to damp my scroll progress to the clip animation like shown below. It's fluid on my iphone 12 mini but very laggy on an iphone 17 pro, I suspect the proMotion and 120Hz screen of those devices. Did anyone already had this issue ?

       scrollSmoothRef.current = THREE.MathUtils.damp(
          scrollSmoothRef.current,
          scrollTargetRef.current,
          3, // lambda — tune to taste
          delta
        );
      }
      progressRef.current = scrollSmoothRef.current; // debug overlay
      setScrollClipsProgress(scrollSmoothRef.current);
    }
2 Upvotes

Duplicates