graphics / rectangle showing blurry lines

Phaser 3
1

For some reason, my rectangle and / or graphics (strokeRect) are showing either blurry lines or no lines at all (sometimes after they are animated but not always)

If I move the rectangles from one or two pixels on the left or top, then the disappearing line appears, and sometimes another one disappear.

Any idea what that might happen?

2

Try { roundPixels: false } in the game config, or remove { pixelArt: true } if present.

3

I’ve seen those two answers already and have tried them without result.

But it’s a pixelArt game though, and without the pixelArt I get other problems (like blurry animation of sprites).

4

WebGL or Canvas renderer?

The rendered stroke (after scaling and zooming) must be at least 1px, otherwise it can disappear if roundPixels is on.