Drawing a Tile Map - Canvas & Javascript

Drawing a Tile Map - Canvas & Javascript

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Discover the basics of tile maps, using Canvas and Javascript. In this tutorial we'll learn how to draw a simple Tile Map to an HTML Canvas.

Random Articles

Objects and Layered rendering

Objects and Layered rendering

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

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.

Rock, Paper, Scissors

Rock, Paper, Scissors

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

A very simple example of Cellular Automata showing Rock, Paper, Scissors interactions. Written in Javascript and using a Canvas for rendering.

More Tile Types for the Tile Map

More Tile Types for the Tile Map

Fri May 02 2025 15:06:07 GMT+0100 (British Summer Time)

Making it simple to add more types of tiles to our map, and creating some helper functions for Character movement.