HTML5 Canvas animation run slow on Chrome Mobile
Hi everyone, on Chrome mobile browser, my animation suddenly drop its fps (normal it's 30fps, but on Chrome mobile, I think it's 1-2 fps, very lagging). The thing is it's only happened to some project, and it's working fine on Chrome windows and other browsers.
I have add this meta to header but it's still run slow:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover" />
I also run these scripts but not helpful:
https://helpx.adobe.com/animate/using/tip--html5-optimization.html
I also change all my tweens to classic tween (before that they are motion tweens) and remove every frames that aren't need. Not helpful.
My last resort would be change it to Bitmap instead of using Illustrator import. But that'll take a lot of efforts because these projects have many images.
Please, anyone, help me.
Link to my animation: https://angry-jones-e2ad12.netlify.app/
