Shader-Glow Issues on iOS Safari #44
Comments
LWprogramming
added a commit
to LWprogramming/lights-in-the-night
that referenced
this issue
Dec 9, 2020
Described in the comment here: This is a hack to deal with a mysterious shader issue that crops up on mobile but not on desktop. It seems somewhat related to this: stemkoski/stemkoski.github.com#44 except in the opposite direction on Android, Google Chrome VR-- the glowing mesh is far too dim to see. You can see a demo of this by visiting https://stemkoski.github.io/Three.js/Shader-Glow.html on desktop vs. mobile and setting c = 0.2 and p = 1.4 in both cases. This fix essentially creates the illumination from the _back_ of the sphere when on mobile, which isn't as visually appealing as on desktop, but at least it's not nothing. Note that side is front by default so this is a change we only need to apply for mobile. Haven't tested this on other devices, e.g. GearVR, OculusGo, etc. Just desktop and mobile.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hello! Thanks for sharing these Three.js examples. They're super helpful.
I was wondering if you had thoughts on the Shader-Glow example--with a
cof 0 and apof 5.0, the borders of the glow looks great on desktop Chrome/Safari/Firefox. However, on mobile Safari on iOS, the transparency doesn't seem to work (screenshots attached). Any ideas? Thank you!Desktop Chrome:
Mobile Safari on iOS
The text was updated successfully, but these errors were encountered: