Glitched animation on mobile?

Phaser 3
1

Hi!

I’m trying to move a Sprite using Tweens, and it looks fine on my PC, but when I try it on mobile via browser, the animation is glitched.

image
image610×800 40.4 KB

Video and sprites here: https://imgur.com/a/ZU063gO

What could be causing this?

This is my config file:

    type: Phaser.AUTO,
    parent: 'content',
    width: SCREEN_WIDTH,
    height: SCREEN_HEIGHT,
    scale: {
        mode: Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.CENTER_BOTH,
    },
    autoRound: false,
    pixelArt: true,

Thank you

2

What is the tweening code?

3

Oh nvm, you mean the the sprite texture appearance.

4

I’m using rexPathFollower plugin, here is the code:

    moveHeroThroughPath = (path) => {
        const pathFollowerPlugin = this.scene.plugins.get('rexPathFollower');
        const pathFollower = pathFollowerPlugin.add(this, { path });

        this.scene.tweens.add({
            targets: pathFollower,
            t: 1,
            ease: 'Linear', // 'Cubic', 'Elastic', 'Bounce', 'Back'
            duration: path.getPathLength() * 10,
            repeat: 0,
            yoyo: false,
            onComplete: (tween, target) => {
                this.setAnimation('idle');
                path.destroy();
            },
        });
    };
5

The problem is the pirate’s right eye looks askew etc.?

You could try autoRound: true.