A sprite is a sequence of images contained inside of one singular image. They're used to create animations and to reduce a game's overall load time by decreasing the total amount of requests made to a server.

An animation can be created with canvas's c.drawImage(this.image) method. This method can not only be set to load in an image, but also to crop the image and cycle through the various frames you might have within a sprite.

Here I'll show you how to utilize this method to its full potential, rendering out four separate ghosts onto our map and having them animate in correspondence to all monitors' refresh rates.