Objects not rendering on some devices (Mobile WebGL)

Questions & Answers
, , , , ,
1

Im building a game for WebGL to be played via Webview on mobile devices, Unity 2022.2.19 and URP 14.0.7

On some devices (POCO X5, Sony Xperia XA2, Xiaomi Redmi Note 11, for example) the game is not rendering some objects with a mesh renderer. At first I thought that it was a problem with the adressables, since only the objects loaded that way had the problem and another couple of objects render correctly that are loaded with the scene, but I made a test scene with 4 cubes, one with the default lit mat, another couple with my custom material with diferent maps, and another with a lit simple mat, and neither of those render, the configuration between both objects with the default lit is the same.

So far we have tested in 50 devices and about 8 present this bug, what might be the problem?

4

Hi I’d like to share my experience. I have these kinds of issues also. All the devices you listed have Adreno GPUs.

All the devices I have the problem with have Adreno GPUs. I have found that materials using the URP/Lit shader are failing to render. Any that use the URP/Unlit or URP/Complex Lit are rendering.

I hope this helps or at least inspires some constructive discussion around the issue that gets us closer to a solution

Edit: Changing the shader to Complex Lit has so far only worked on one of my scenes

6

I reported the issue a while ago but I haven’t received any updates. Are Unity working on this? This should be a high priority issue.

Btw it happens on all five browsers I’ve tested it on.

10

The problem comes from the Adreno GPUs having very limited number of uniform values that it supports (MAX_FRAGMENT_UNIFORM_VECTORS), compared to other GPUs. On many GPUs it’s 1024, and on the Adreno GPUs it’s 256. The Lit shader is running out of uniforms on these devices. We are looking into ways to get around this.

11

I believe I have it working on those GPUs now, fix will come shortly assuming testing continues positively.

2

Hello! I have the same issue on unity 2022.3.0 & URP 14.0.7. My game works fine on the web desktop, but not on mobiles. Did you find a solution?

3

Try to disable checkbox Enable GPU Instancing ☐ in the material properties, it could help to solve this issue.

5

I’m having the same issue with Unity 6000.0.23f1 LTS and URP 17.0.3.
It happens on:

  • Samsung S20 FE

Doesn’t happen on:

  • iPhone 14
  • Motorola moto g15
  • Xiaomi Redmi Note 8 Pro
  • Samsung A3 (with Adreno 306!)’

Shaders:

  • Lit shader: doesn’t render
  • Simple lit: renders
  • Complex lit: doesn’t render, with these settings:
    image
    image429×635 16.9 KB
7

This issue seems to be fixed when using WebGPU: Early access to the new WebGPU backend

8

Hi!
Do you get any WebGL or shader compilation errors in the browser console when the objects are not rendered?
What rendering path are you using?
When using WebGL2 graphics API only “Forward” and “Deferred” are supported. WebGPU(still experimental) also supports “Forward+”.

9

I solved this problem in three different ways. (of “URP/Lit” in WebGL not show on some phone.)
Method 1 : Uncheck “Receive Shadows” in “URP/Lit” materials.
Method 2 : Use “URP/SimpleLit”.
Method 3 : Use “URP/BakedLit”.
These methods seems to have something in common.
And by the way, “Sprites/Default” also can show.

12

Awesome, thank you Brendan

13

I also encountered the same problem. In the course of testing, I found that when using URP/Lit shader, I could render in mobile webgl by disabling the Environment Reflections attribute in AdvancedOptions. It may be a problem with some related shader properties when calculating reflections

14

What a great pitfall to fall into. Would you please change the default for webgl project to just use forward instead of forward+

15

I’m here since I experience the same kind of troubles:
unity 6000.0.32f1
URP
Deferred or forward
Only URP>unlit material objects show in a webgl app on Window, Chrome and 1660.
I’m highly confused and stuck trying to show my client a demo.
Can someone help please ?

16

thank you
that solved it for me but I noticed that complex did not work for me. Only universal unlit and universal simple lit that I tested and worked for me on chrome-android, firefox-android, and samsung browser

17

I have the same project in 2 variations:

  1. URP assets were generated from the new Unity 6 Project : PC and Mobile quality levels - doesn’t render Lit and Lit-based shaders.
  2. URP assets were generated from Unity 2022.3 and were upgraded with Unity 6: there are 5 quality levels - this one renders in the WebGL build on Android.

Creating New Unity Project with Unity 6000.038.

  1. Deleted Settings folder with all URP stuff.
  2. Closed the Project.
  3. Opened the Project: 2 URP files were created automatically:
    3.1 DefaultVolumeProfile
    3.2 UniversalRenderPipelineGlobalSettings
  4. Created URP Asset (with Universal Renderer).
  5. Assigned it to Default Render Pipeline in Graphics Settings: I didn’t assign it in Quality Levels.
  6. Made a Dev Build. It Renders.