Overview

This tutorial covers the fundamentals of creating and arranging platforms for a 2D sidescroller game in Unity. You'll learn the basics to design levels using the Unity’s Tilemap package.

<aside> ⚠️

This tutorial uses the Tilemap package. It is already installed in the URP 2D template. However, you can check on it in the Package Manager Window.

image.png

image.png

Select de Unity Registry category on the left side and type Tilemap in the search bar*.*

image.png

If it is not installed, the Install button should be displayed instead.

</aside>


Deep-diving & How To…?

One of the most used types of 2D game is the sidescroller platformer. The best example is the well-known Super Mario Bros.

image.png

The goal of this tutorial series is to recreate the game, with some tweaks, in Unity; starting by its level’s most essential: Platforms.

Unity's Tilemap feature is the ideal solution for 2D platformer games. It provides a grid-based system that allows efficient creation and editing of levels by using reusable assets. This is particularly useful when elements such as floors, walls, and platforms frequently repeat throughout the level, like in Super Mario Bros. The Tilemap system also ensures consistent spacing and alignment.

However, before starting to use Tilemap, we need to find the assets that will be used in the project. Let’s start with the blocks, as they are the basic asset for crating a test level.

Importing Assets

The source of the used assets is the following page:

Super Mario Bros. Sprite Sheets - NES - Mario Universe.com

<aside>

You can download the used blocks sprite directly from the original page or in a .zip:

www.mariouniverse.com

blocks_edited.zip

</aside>

<aside> ⚠️

The assets used in the tutorial might not allow a perfect match with the original game. Keep in mind that the main purpose of the tutorial is to show how to properly import and configure assets, as well as how to use the Unity’s Tilemap package.

</aside>

Now, let’s add and set up the assets.

Create a Sprites folder in the Assets folder. Use the right click on the Project window, or the + button at the top left corner of the same window.

image.png

image.png

<aside> 💡

To change the icon’s size, use the slider at the lower- right corner of the Project window.

image.png

</aside>

Decompress the blocks.zip package and drag the blocks.png file into the project. The asset should be inside the Sprites folder displayed as in the image on the right.

image.png

image.png

image.png