Web export causing weird culling when objects are in viewport

Godot Version

4.3

Question

So I’ve been working on a small project to be hosted on a subdomain so people can access it for a short demo. When I web export and send to the website, there is a weird bug that shows up when it loads. When you look at specific angles, the first couple inches of everything but the ground just disappears, as if it’s being culled. Are there any settings I can change or anything I’m doing wrong? If you want to take a look at an example, the current build is hosted here.
Also, the mouse is being locked in the local debug but not the web build.

EDIT: I was debugging the game in the mobile renderer, but switched to compatibility to test. The bug carries over, so it’s a compatibility renderer error.

Seems like your grass is part of the transparent pipeline and/or ignoring draw order. Maybe the compatibility renderer is less stable in that regard.

That’s so weird. How could I fix this, or change the renderer settings? I was debugging the game in mobile, but switched to compatibility and the bug carried over.

If you are largely targeting the web you should set the project to Compatibility rendering, as that’s the only option for web builds.

Check your grass material settings to fix it. Not sure if you’re using a ShaderMaterial, it seems like a standard material could be used, without transparency. Maybe just too large of a plane if it isn’t transparent, but that seems unlikely.

I fixed it. You were right about the plane being way too large. The plane was (1000*1000) with a scale of 85. :grimacing: :grimacing: :grimacing:

1 Like