Kiki’s Corner
Published in

Kiki’s Corner

Using Tilemaps in MakeCode Arcade

This image shows the tilemap editor in the context of the Monster Racer skillmap

What are tilemaps?

This is a tilemap. It’s a game scene made of square tiles. The tilemap can also be square, but it doesn’t have to be.
This is a single tile. Tiles repeat (alone or with other patterns) to form a tilemap.
This is an example of a top-down dungeon with the brick tiles set to “walls”.

How do I use a tilemap?

How do I make a tilemap?

Starting in in the tilemap editor, then moving to the tile editor, before returning to the tilemap editor.

Will you tell me more about the walls?

Adding walls by selecting the wall icon, then the pencil, and clicking on the tiles that we want the wall to cover. Removing walls using the eraser tool.

And what to those icons do?

The bottom-left area shows the gallery of tiles you have to choose from.

  • Premade tiles are under Gallery
  • Tiles you create are under My Tiles
  • Use the dropdown to select a new group of tiles
  • Use the dots at the bottom to navigate through the pages

Above that, you have the Tile/Wall selector.

  • When the left square is selected with the white border, you will be placing tiles
  • When the right square is selected with the white border, you will be placing walls

Above that are your tools of creation.

  • Pencil — adds one tile at a time wherever you click
  • Eraser — removes one tile at a time wherever you click
  • Rectangle — creates a rectangle of tiles
  • Bucket — replaces entire areas of similar fill with a new tile
  • Circle — creates a circle of tiles
  • Line — creates a line of tiles
  • Selection — selects an area of your tilemap (to be moved, copied, or deleted)
  • Hand — pans the screen so you can move the entire workspace around

Next, is the preview. This lets you see your whole tilemap when you’re zoomed in.

And, finally, the special tools…

Conclusion

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Kiki Prottsman

Kiki is an author, educator, and the Director of Education for Microsoft MakeCode