This post is part of a Phaser series. Click here to see the first post of the series.

We saw how to add images using:

function preload() {
  this.load.image('apple', 'apple.png')
}

function create() {
  this.add.image(200, 200, 'apple')
}

Another key GameObject in Phaser is sprites.

function preload() {
  this.load.sprite('dog', 'dog.png')
}

function create() {
  this.add.sprite(400, 200, 'dog')
}

Sprites and images look similar, except for a very big difference: sprites can be animated.

Lessons in this unit:

0:	Introduction
1:	Setting up a project to build a JavaScript game with Phaser
2:	Phaser: The Canvas
3:	Phaser: Scenes
4:	Phaser: Multiple scenes
5:	Phaser: The game loop
6:	Phaser: Adding images
7:	▶︎ Phaser: Sprites
8:	Phaser: GameObjects
9:	Phaser: Animations
10:	Phaser: Keyboard events
11:	Phaser: Mouse input
12:	Phaser: Physics
13:	Phaser: collisions and screen boundaries
14:	Phaser: Playing sounds
15:	How to create a platformer game with Phaser.js