Problem with phone rendering

Help
, ,
1

Godot Version

4.6.2 stable

Question

Why do some textures on my game break on the mobile render? So I made a simple snakes and ladders type game and I tried to put it on itch.

I exported it as web, so you can play it in browser. There was an option for vram texture compression its on by default for desktops but on mobile its off. I made 2 builds, one with it on the other one off. The problem is still there.

On pc it works just fine every texture renders normally but on mobile I see some textures as just black. Its weird because all my ui textures come from only 2 pngs. And stuff like buttons and arrows work just fine while stuff like panel textures and lines edits texture dont.

1000050941
10000509412048×921 217 KB

1000050940
10000509401920×864 402 KB

Under the sonic characters there should be the line edit texture and behind the dice or on the top there should be a panel with a texture.

Btw the png for the panel is 4000x5000 and the one for buttons is 3999 x 3037. I know about some kind of problem for webgl1 but i dont understand how the button textures work just fine while the line edit texture from the same png doesn’t work.

Edit: none of the texture from the 4000x5000 work. I dont think I made it clear enough

Please help

2

Make your textures smaller. Mobile/web platforms usually have a 4096x4096 maximum size limit.

You can re-import them setting a max limit:

3

Thanks! That actually worked for me. It was weird because the buttons texture pngs didnt have a problem while the line edit(using the same png, it was just a plain button texture ) didn’t work for some reason.

Anyway i just used a resizing toll to bring it down.

H.M: I was thinking of a workaround where you just put a cropped image of the texture spreadsheet instead of using a texturebox. Ofc this only works for small projects, and isn’t a viable solution but I thought I should put it here in case anyone needs it.