Diagonal motion animation

[Bong]

Hi all,

 

I'm making a shmup game at the moment. I'm trying to animate player's diagonal movements but can't get it to work. Any help you could offer would be greatly appreciated.

 

First, I created the animation:

        this.anims.create({

          key: 'rightUp',

          frames: this.anims.generateFrameNumbers('player', { start: 30, end: 33 }),

          frameRate: 10,

          repeat: -1

        });

 

then when the player wants to go up&&right:

        if(this.keyLeft.isDown&&this.keyUp.isDown){

          this.player.anims.play('rightUp', true);

          var isPaused = this.player.anims.currentAnim;

          var progress = this.player.anims.getProgress();

          // console.log(isPaused)

          console.log(progress)

        }

 

Everything else works perfectly fine (e.g. left, right, up, and down).

My console just returns 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0 when I press the up and left arrow at the same time. In contrast for any other motion, it returns the frame number it's playing.

 

Thank you in advance,

Bong