Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Spine not getting texture on Phone

IvanFG

So my problem is that when I apply this spine object, on PC looks fine. Here's an image:

But when I try to open it with my Android Phone, it looks like this for some strange reason:

Tried a lot of things to fix it but anything seems to work.
Does anybody know why can this be happening?
Thanks for your time,
Cheers

Misaki

IvanFG Could you please tell us what Spine runtime you are using so that we can give you a more accurate answer?

Spinebot

It seems like the issue you're experiencing with the Spine object not displaying textures correctly on your Android phone could be related to several factors. One common issue is the texture size; if your texture atlases are too large, they might not be supported by all devices, especially older or mid-range ones. It's recommended to keep texture sizes below 2048x2048 for better compatibility. Additionally, ensure that your texture import settings are correct for Android, and check if the shader used is compatible with your device. You might also want to verify that the color space settings are consistent with your project's requirements, as mismatches can lead to display issues.

IvanFG

Misaki Sure thing!
My project it's using spine 4.2.37, with Phaser 3, and now that I double checked, the texture size is above 2048x2048. Specifically the .png it's: 4294x1086.
Can be this one of the reasons or the reason of this visual bug?

Appreciate your quick response!
Thank you

IvanFG

Issue it's fixed! Problem was the size as you guys mentioned before. Only reexported the asset to not be above 2048x2048 and all issues disappeared.

Here's how is looking now

Thank you Davide and Misaki for your responses and time!
Have a very good day! 🙂

Davide

IvanFG

That’s probably the reason. Mobile browsers have lower WebGL limits.

Also, you haven’t specified which Spine runtime you’re using. I assume you’re using the latest version of spine-phaser, but some users might be using unofficial runtimes.

You can adjust the texture packer settings to ensure the texture size doesn’t exceed 2048x2048.

Additionally, make sure to select Polygons in the Packing settings to optimize space usage.