BUG:animationFrame is undefined

[ddabrahim]

Hi

I get the following error message with Phaser 3.1.2 when trying to run the project from this tutorial:

http://phaser.io/tutorials/making-your-first-phaser-3-game

 

Quote

No texture frame found with frame 4      phaser.js:55811:13

 

Quote

animationFrame is undefined       phaser.js:75144:9

 

[Scalemail Ted]

I know this question is from February, but I just encountered the same issue when trying to type out the tutorial on my own, and the solution is pretty straight forward, so I wanted to share since this post pops up first on a Google search.

If you encounter this error. Ensure that you tell load to create a spritesheet and not an image: 

       this.load.spritesheet('dude', 'assets/dude.png', {frameWidth: 32, frameHeight: 48});

And NOT:

      this.load.image('dude', 'assets/dude.png', {frameWidth: 32, frameHeight: 48});