In one of my latest test projects, I noticed when the camera follows a sprite being moved diagonally via the “cursor keys” setup, any images in the background visibly jiggle. Disabling the camera follow revealed that the sprite itself jitters.
My project uses matter.js for player movement, but I see this happening even more so when x/y coordinates of the sprite are set directly.
This is a difficult one to explain in words, so here is example code, with the option to move the player character with either matter.js or x/y coordinate movement:
roundPixels was the culprit at first, but it doesn’t have any apparent effect on this (as shown in the codepen).
Some technical information:
Phaser version: 3.17.0
Browser: latest versions of Chrome and Firefox
Operating System: Mac OS X
Is this a WebGL issue? Is there any way for me to fix or smooth the effects of this?
Thanks for any help!