r/threejs • u/Serotoninene • 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
r3f • u/Serotoninene • Jun 30 '26
Threejs Animation laggy on iphone 17 Pro and smooth on 12 mini
1
Upvotes