splinetool / react-spline

React component for Spline scenes.
MIT License
1.16k stars 56 forks source link

[Bug] Post-Processing breakes rendering on mobile. #42

Open Tarik1700 opened 2 years ago

Tarik1700 commented 2 years ago

i tried multiple simple scenes, when in visual studio on a browser emulating mobile, it works fine, but when deployed on gh-pages and actually opened on a phone, it just turns into a black screen and it breaks. When post-processing gets turned off and the link updated, it starts working fine again and it renders out the scene normaly. Any other variable doesn't seem to matter, even when post processing is turned on but options within it are off, it still doesn't work.

marcofugaro commented 2 years ago

What was the issue in the end? Postprocessing works correctly on my Android device.

Tarik1700 commented 2 years ago

I have no clue what the issue is, but i've discovered that on my samsung galaxy s20 ultra it simply doesn't load if it has post-processing. If you have any clues on how to fix it i would really appreciate it..

marcofugaro commented 2 years ago

Which browser? Chrome for Android?

Tarik1700 commented 2 years ago

I tried on chrome for android, samsung internet browser and discord built-in browser, all 3 same behaviour.

marcofugaro commented 2 years ago

Could you share the .spline file? Or is it private? If so send it to help@spline.design

Tarik1700 commented 2 years ago

No no its not private, but i've just found out that when i put the frame size in spline to responsive, i get a bunch of warnings, and only half the scene loads up on pc and on my phone as well. If i set the frame size to custom then it works fine on browser, but breaks on my phone. warnings from console: image

and the link for the public url of the scene: https://my.spline.design/mobiledesigntestcopy-997851377497fdb8c492570a6c44f55b/

marcofugaro commented 2 years ago

Ok I was able to reproduce

Tarik1700 commented 2 years ago

So when half the scene gets rendered and those warnings pop-up that's the only time it "works" on my phone, but when its normally working on pc and other phones, its broken for my phone. So now i don't know if its a problem with my phone or with the code.

sjj1991 commented 1 year ago

facing the same console errors as @Tarik1700 does anyone have a solution? the spline animation doesn't load until i resize the window.