I’m very new to Three.js and Js coding in general so apologies in advance if this is obvious.
I have a simple scene with a sphere. I’m trying to work on the opacity of my background layer (via renderer.setClearColor), varying the opacity with gsap, from 1 (full yellow background) to 0 (transparent). Behind the Three.js frame I have various JSX interfaces controlled by React.js.
The works fine on my mac on both Chrome and Safari, although the latter shows a weird colored border around my sphere.
On iOS/iPad OS on the other hand, the background is wrong, and shows color where its supposed to be completely transparent. That’s happening in both Safari and Chrome, see screenshots.
If needed I can simplify the code to show it here, I was just wondering if this was a known issue on iOS.
Thanks a lot in advance for your help!
See below in order