Camera stuttering / movement glitch?

Phaser 3
1

So is there any way to fix this camera stuttering / character movement stuttering glitch? I just can’t seem to figure out why it’s doing this & it’s driving me crazy.

What is going on & how to fix?

When moving my character / jumping, the camera & / or player somewhat stutters for some reason.

Here’s the github project :

Here’s the main source file :

Line{s} 86-91 are what I’m looking at.

Any & all help much appreciated!

2

roundPixels https://photonstorm.github.io/phaser3-docs/Phaser.Types.Core.html#.GameConfig

3

@samme : That did nothing. :frowning: Here’s what my config now looks like :

    // The `config` for our Phaser 3 Game
    this.__config = {

		type: this.__PHASER_TYPE,
		parent: this.__PHASER_PARENT,
		width: this.__GAME_WIDTH,
		height: this.__GAME_HEIGHT,
		roundPixels: true,
		pixelArt: true,
		antialias: false,
		resolution: window.devicePixelRatio,

		scale: {
			mode: this.__PHASER_SCALE_MODE,
			autoCenter: this.__PHASER_SCALE_AUTOCENTER,
		},

		scene: {
			preload, create, update, 
		},

		physics: {
			default: __physicsType, 
			arcade: {
				gravity: {
					y: this.__gravity,
				},
			},
		}
...etc...
4

I also tried this.cameras.main.roundPixels = true; but to no avail… :frowning: --tried EVERYTHING.

5

I have uploaded a new version of debug with physics debug on to show what’s going on everytime the player moves left / right or jumps up / down :

6

I couldn’t find anything out of the ordinary in the code.
I did use chrome dev-tool performance tab and recorded a little bit to see.
Every now and then one task takes 100ms to execute, creating the stutter.
Upon further inspection I saw that your level1.json is 176kb, I think the slowdown might have something to do with that. Your tilemap json files shouldn’t be that big, there’s some assets encoded in it and it bloat it :0

7

I removed those assets. Nothing will work. :frowning:

8

Hmmm…seems the lerp values in the camera are causing the stuttering. Anything beside 1 will make it shake occasionaly. Try
this.cameras.main.startFollow(this.player, false, 1, 1, -80, 0 );
You can fine tune the offset (-80) to have the same placement you wanted :0

9

It is still twitching, albeit; not as much. I uploaded the new version :

main source :

also I NEED the camera to slowly & smoothly follow my player.