[Regression] `v0.181.0` Breaks Lighting on Android

[FrostKiwi]

Description

This is a wild one! When going from v0.180.0 to v0.181.0 - Specifically on Android and regardless of browser or device, breaks something about the Lighting calculations. It somehow seems inverted, as if the floor was up and the sky was below.

I have seen browser specific rendering bugs before, but never OS specific rendering bugs!

It doesn't seem to affect all Assets, so I'm not sure yet what's the cause. Sry, can't nail it down any better right now. It also affects the simple default Hands from Meta: https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles/generic-hand/right.glb

The crazy thing is, it's specific to Android - not device, not browser, but OS:

• Google Pixel 9 + Chrome = Lighting Broken
• Google Pixel 9 + Firefox = Lighting Broken
• Meta Quest + Quest Browser = Lighting Broken
• iOS / iPad OS + Safari = Lighting OK
• Windows + Chrome = Lighting OK
• Windows + Firefox = Lighting OK

Reproduction steps

Compare on Android and non android devices

• thisv0.178.0 build: https://mymachine.dmgmori.com/
• vs this v0.181.0 build: https://mymachine.dmgmori.com/?threejs=v181
• v181 build removed now, as issue solved

See the lighting being messed up on Android.

I have v0.178.0 deployed by default due to #31831 but it's the same between v0.178.0 and v0.180.0

Code

Asset / ThreeJS Version related, so none.

Live example

Yes, see Reproduction steps above

Screenshots

Device	v0.178.0	v0.181.0
PC
Google Pixel 9
Meta Quest 3 (in WebXR)
Meta Quest 3 (Normal)

Take note how completely different the Hands appear! That's a default Asset from Meta:
https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles/generic-hand/right.glb

Version

0.181.0

Device

• Mobile
• Meta Quest 3
• Google Pixel 9 Pro

Browser

• Chrome
• Firefox
• Quest Browser (Chromium reskin)

OS

Android

[mrdoob]

Yes, we changed some IBL code in r181.

Can you try these versions?

Pre PMREM: https://github.com/mrdoob/three.js/tree/b8167d7e97b5a7b086476192c5fd7889bb20c5a0
Pre DFG: https://github.com/mrdoob/three.js/tree/71c6a2b701c94ad62f1494b6dad2f2292999b847

[FrostKiwi]

@mrdoob
Doesn't seem to be the fault of either of those commits. Also shoved the generic hand from meta ( https://cdn.jsdelivr.net/npm/@webxr-input-profiles/assets@1.0/dist/profiles/generic-hand/right.glb ) right in front of the camera, as that asset is affected most dramatically.

Version	PC	Android
0.180.0
Pre PMREM
Pre DFG
0.181.0

[mrdoob]

Good news!

The next candidates would be these ones...

Post PMREM 2048: https://github.com/mrdoob/three.js/tree/e1388ac56c6a13a97d4fd1268b75b80c227245e2
Post PMREM 512: https://github.com/mrdoob/three.js/tree/b603d3e1e08a5369ec9902dcf718209e6e12055f

[FrostKiwi]

Wow, those commits give some freaky results on Android! Yeah, the Post PMREM 512 one seems to match the Android bug on v0.181.0
Maybe I should just git bisect, or is this enough to diagnose what's going on?

Version	PC	Android
0.180.0
Post PMREM 2048
Post PMREM 512
0.181.0

[mrdoob]

Maybe I should just git bisect, or is this enough to diagnose what's going on?

This is enough yes. Many thanks!

[mrdoob]

I wonder if #32225 helps 🤞

[FrostKiwi]

I wonder if #32225 helps 🤞

@mrdoob
Yes it does! 🎉
This bug also made metals on Android have way less roughness, which is fixed by the same PR.

Interesting for mediump vs highp to have had such an impact.

[mrdoob]

Excellent! Thanks for testing and the nice reports! 🙏

I'll release 0.181.1 on npm with the fix.

[mrdoob]

https://www.npmjs.com/package/three/v/0.181.1

[eviltik]

Sound's good. All theses examples had problem (black) with 0.181 (PC, OQ2), fixed in 0.181.1

https://threejs.org/examples/#webgl_loader_gltf
https://threejs.org/examples/#webgl_loader_gltf_instancing
https://threejs.org/examples/#webgl_loader_gltf_iridescence
https://threejs.org/examples/#webgl_loader_gltf_transmission
https://threejs.org/examples/#webgl_loader_gltf_variants
https://threejs.org/examples/#webgl_loader_gltf_anisotropy
https://threejs.org/examples/#webgl_loader_texture_ultrahdr
https://threejs.org/examples/#webgl_loader_texture_ktx
https://threejs.org/examples/#webgl_materials_car
https://threejs.org/examples/#webgl_materials_cubemap_dynamic
https://threejs.org/examples/#webgl_materials_physical_transmission
https://threejs.org/examples/#webgl_materials_physical_transmission_alpha
https://threejs.org/examples/#webgl_pmrem_equirectangular
https://threejs.org/examples/#webgl_pmrem_test
https://threejs.org/examples/#webgl_tonemapping
https://threejs.org/examples/#webgl_postprocessing_3dlut
https://threejs.org/examples/#webgl_postprocessing_material_ao
https://threejs.org/examples/#webgl_performance