Textures losing quality when scaled down in using Phaser 3 runtime

arkh3m

I'm running into an issue when scaling my spine assets down Phaser 3 where it starts to lose quality as I scale it down. My original assets are 128x256 and I'm scaling them down to 32x64:

Left is how it renders in Phaser and right is roughly the same scale in the Spine preview (notice how right is much sharper):

I tried resizing my assets to 64x128 so I only had to scale down by half but it didn't improve things by much, it doesn't look as "pixelated" but more blurry instead:

I also tried resizing my assets to 32x64 however this makes them look very blurry:

Is there a way to improve this?

Davide

arkh3m

You probably want to enable MipMaps as Spinebot suggested.
For more details, have a look at the two subsequent answers in this thread.

Spinebot

To improve the quality of your Spine assets when scaling down in Phaser 3, you can try several approaches. First, ensure that you are using appropriate texture filtering settings. Linear filtering is generally better for downscaling than nearest filtering, as it provides smoother results. You can also experiment with mipmapping, which can help maintain quality when textures are scaled down. Additionally, consider using bicubic filtering when exporting your textures from Spine, as it often provides better results for downscaling. If your assets are still blurry, you might want to check the texture import settings in Phaser to ensure they are not being automatically reduced in quality.

For more detailed guidance, you can refer to the following resources:

arkh3m

Spinebot To clarify, the texture coming out of Spine looks fine, it starts to lose quality when scaled down in the runtime.