drei MeshRefractionMaterial doesn't render with android mobile

MeshRefractionMaterial doesn't render with android mobile

Open francoisbonnard opened this issue 1 year ago • 8 comments

dependencies

"@react-spring/three": "^9.7.3",
"@react-three/drei": "9.75.0",
"@react-three/fiber": "8.13.3",

"vite": "^4.1.0"

Chrome 115.0.5790.166 Android 10

Problem description:

as you can see in this url, 2 objects are missing in android mobile version (the star and the diamond) as they use MeshRefractionMaterial

Relevant code:

    const texture = useTexture("./textures/surreal_scary_mountains.jpg")

          <MeshRefractionMaterial
            bounces={1}
            aberrationStrength={0.01}
            envMap={texture}
            toneMapped={false}
          />

Suggested solution:

None

Aug 17 '23 13:08 francoisbonnard

Which devices have you tested on? This is very device/GPU specific, but could be a wider issue with software limits which we can address shortly.

Aug 30 '23 03:08 CodyJasonBennett

Mi 10T Lite CPU Octa-code Max 2.2Bhz

Aug 30 '23 09:08 francoisbonnard

I am having issues on my device as well.

device: Samsung Galaxy S20 FE 5G GPU: Adreno 650

SPECS: https://www.gsmarena.com/samsung_galaxy_s20_fe_5g-10377.php

Nov 07 '23 00:11 Twonarly1

I got the same problem, the diamond that using MeshRefractionMaterial isn't rendered in my android phone, but other object such as Ring (the Ring doesn't use MeshRefractionMaterial) is rendered. I've tried using different browser, but the problem occur. However it's working well in PC and Android 13+ (Xiaomi POCO M3 Pro).

Device: Samsung Galaxy A52s 5G (Android 12) Log: android-console-log.log