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

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.

Movement speeds on different tile types

Movement speeds on different tile types

Fri May 02 2025 15:06:07 GMT+0100 (British Summer 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.

Point in Rectangle

Point in Rectangle

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

A simple method for testing if a set of coordinates fall within the bounds of a given rectangle.