Hi guys! I have a big problem with the quality of my images when I get them into the game scene. in the config my game has a resolution of 500x800, and my PNG sprites are exactly the same for this resolution. But on stage they are very blurry (all). I read all the forums, but I still don’t understand what I’m doing wrong (I would not like to use resize, I have autoscale in my cofnig). I tried to fit all the sprites to an even number of pixels. The tilesprite is the most blurred. Please give advice! here are examples, screenshot from figma and from my game:
My config:
var config = {
type: Phaser.AUTO,
width: 500,
height: 800,
scene: scenes,
scale: {
mode: Phaser.Scale.FIT,
autoCenter: Phaser.Scale.CENTER_BOTH,
},
enableDebug: false,
physics: {
default: "arcade",
arcade: {
gravity: { x: 0, y: 0 },
debug: false,
},
},
render: {
antialias: true,
antialiasGL: true,
desynchronized: false,
pixelArt: false,
roundPixels: false,
clearBeforeRender: true,
preserveDrawingBuffer: true,
powerPreference: "high-performance",
batchSize: 4096,
maxTextures: -1,
mipmapFilter: "LINEAR_MIPMAP_LINEAR",
},
fps: {
min: 32,
target: 42,
forceSetTimeOut: false,
deltaHistory: 320,
panicMax: 600,
smoothStep: true,
},
};