Tile Based

In this tutorial we'll create a class to manage sprites and frames and convert our existing sprites to make use of it.

Handling Inventories, Items, and placed items on a 2D tile map using Javascript.

Objects are now added to our simple tile based game, and we learn to render in multiple passes for different layers of objects and tiles.

We now add roofs to our tile map and improve our map and tile engine.

The Character arriving at a specific tile may need to progress or alter the game world or story. We can do that by assigning functions to be triggered on arrival at certain tiles.

Time must stop! We'll look at how to not only pause the game, but also speed up or slow down time.

We can't move on all surfaces with the same ease, so now we learn how to set different movement speeds dependant on the type of tile.

Making tiles just sit there and look pretty, we see how to force Character movement with slippery tiles and moving surfaces.

Animating the sprites we're using on our Canvas game with some simple Javascript.

Improving the appearance of our Canvas map by using an Image tilesheet for our Graphics.