Browser Game Programming Part 1a: Loading Multiple Images

Language: JavaScript with HTML5 Canvas

Loading multiple images is one of the difficulties many people run into with JavaScript. Presented in this video is a simple way to accomplish this task.

Each face is a separate image, and all of them are shown on the canvas (white square). Having a game with only one image wouldn't be very fun, now would it?

In the next video we will examine taking multiple images from a single image file. If you have any questions about loading multiple images, please leave it in the comments below!