🔥 Your Mission

Screenshot 2023-07-06 at 7.45.52 AM.png

Create a map and build a world using the tilemap editor. Learn about coordinate systems

https://blurymind.github.io/tilemap-editor/?imgur=Nmct0B9

Instructions - Make a map

  1. Create a map using the tilemap editor!

  2. You have to set up how big your map is. (For example, this map is 20 tiles wide and 18 tiles tall).

    Screenshot 2023-07-04 at 10.12.53 PM.png

  3. Then “paint” the map by using these tiles. There are multiple tilesets in the dropdown:

    Screenshot 2023-07-04 at 9.58.05 PM.png

  4. Ready to save? Make sure that the zoom is 1x so that it exports properly!

    Set the zoom to 1X before exporting.

    Set the zoom to 1X before exporting.

  5. Ready to Export: File > Export Map as Image

  6. Right click, then save image to your game’s Backgrounds folder: Your Game > Assets > Backgrounds

Challenge

Create these maps! Each tile is 8x8 pixels. Create the following maps by figuring out how many tiles you need.

Example

Problem: Make the following Mario-style platformer map.

Screenshot 2023-07-04 at 10.06.39 PM.png

Solution: First, look at the 160 pixel tall side. Each tile is 8 pixels by 8 pixels. That means you have to find how many tiles fit into the 160 pixel side. 160 px / 8 px = 20 tiles. Then 320 px / 8 = 40 tiles. Answer: 20 x 40 tiles! Fill it in as a mario-style map like below.

Screenshot 2023-07-05 at 10.36.21 PM.png