search

splinetool / react-spline

React component for Spline scenes.
MIT License
1.19k stars 60 forks source link

cant run animation in web mobile (ios) #195

Open nguyentheanionos opened 4 months ago

nguyentheanionos commented 4 months ago

My web is running on PC, it's okay. But on mobile animation can't run. I install @splinetool/react-spline": "2.2.2" and "@splinetool/runtime": "1.0.17",

superguigui commented 4 months ago

Can you provide us a link to your spline scene or a minimal reproducible example please? Also what mobile device do you use? And what's the overall nature of the failure you are experiencing?

nguyentheanionos commented 4 months ago

I built this project on ngrok app to test on iOS, and it always failed with my spline scene, I tested it on an iPhone 13. In Android and PC, it's okay. https://693f-117-6-94-235.ngrok-free.app

coreybwills commented 4 months ago

Hi, same issue and I think the same project - Codepen app is here - https://pt42dk-5173.csb.app/

Error that we are receiving is captured in this screen shot. The project seems to run just fine on android in chrome, but will not run on ios in safari or chrome.

IMG_4495

coreybwills commented 4 months ago

One more update, I have been able to determine that the issue is being caused by a particle system in the spline scene. Any idea why that would be causing an issue on ios? I would love to avoid having to remove the particle systems.

coreybwills commented 4 months ago

I think problem solved. There were two issues.

1 - Having the particle color set to Random was causing glitches and issues. Switching it to blend between the two solved that. 2 - The source image I was using for the particle was too large and I think causing issues.