Hey guys!
I’m experiencing performance issues when trying to animate a 3D model in Three.js that uses a video texture. This problem is more evident on mobile devices, especially the iPhone (Safari). I’m using GSAP for the model animation, and it all works fine on desktops. However, on mobile devices, performance drops significantly, and the browser appears to have difficulty rendering smoothly.
I’ve already considered some basic optimizations, like reducing video resolution and model complexity, but I haven’t been able to completely resolve the issue yet.
I found this site that has the same animation. However, this version works well on Safari.
My Site: