Implement a dynamic camera

Add game audio

Create 2D particle effects

Get started with hand-drawn animation

Build and share your game

You’ve created a functional 2D adventure game, but it’s not finished yet. In this unit, you’ll enhance the overall player experience with a dynamic camera, game audio, and visual effects. You’ll then build your game.

Enhance and polish

Welcome to 2D Beginner: Adventure Game

Set up a 2D player character

Create a basic 2D gameplay environment

Read keyboard input to control 2D character movement

Create Input Actions for player character movement

Make your game frame rate independent

Design and paint your game tilemap

Create decorative objects using sprites

Implement object collisions for your 2D game

Set up tilemap collision

Set up a basic health system

Create a health collectible using triggers

Check character health before destroying collectibles

Add damage zones to decrease health (static hazards)

Create a health display with UI Toolkit

Display character health on the UI

Add an enemy character

Create 2D sprite animations

Play animations based on game data

Implement projectiles for the player 

Configure projectiles to affect the enemy

Display character dialogue using raycasting

By the end of this unit, you will be able to do the following:

Move the player character using Unity’s Input System.

Configure your game to be frame rate independent.

Player character and movement

An engaging world to explore is a critical aspect of your 2D adventure game. In this unit, you’ll take your tilemap from placeholder to fully-realized game environment and implement basic physics so the player character can begin to interact with it.

Game environment and physics

Health is the key stat that players need to keep track of in your game. In this unit, you’ll set up a functional health system and configure objects to increase and decrease the player character’s health.

Health system

You’ve set up a health system, but at the moment the player has no way to know what their character’s health actually is. In this unit unit, you’ll create a heads-up display (HUD) interface and configure it to show the player character’s health level.

Heads-up UI display

In this unit you’ll work on adding enemies and interaction mechanics to bring your game to life. 

By the end of the unit, you’ll do the following:

Implement projectiles to attack the enemies.

Add a friendly NPC to share a message with the player character.

Characters and interaction mechanics

Immerse yourself in the world of game development with this comprehensive 2D Beginner Adventure Game project, designed to guide you through the fundamentals of creating an interactive experience. Follow along  step by step to create your own 2D adventure game, with a choice of assets and options for customization along the way. 

Explore more 2D assets including 2D characters, textures, GUIs, and more on the Unity Asset Store.

2D Beginner: Adventure Game

6149245d-eacd-58b7-8bb2-3e485996b40c:KNyBhALw6RpujrBA0Xv6zr

Overview

Before you begin

The workflow for using basic hand-drawn animations in Unity

Prepare your animation sprites

Export your sprites as a sprite atlas

Import and configure your sprites in Unity

More things to try

Next steps

6.5.4_DuckoEnemy_OutlineWalkCycle.mp4

6.5.4_DuckoEnemy_FinalWalkCycle.mp4

In this tutorial, you’ll explore how to begin using your own hand-drawn 2D animations in Unity, working through the example of a walk cycle.

By the end of this tutorial, you’ll be able to do the following:

Describe the basic workflow for creating custom 2D animations for Unity.

Create and export your own custom 2D animation sprite art from your 2D creation software.

Configure your animation sprites in Unity.

Important: This tutorial provides guidance on the sprite import workflow for animation, but you’ll need to have at least basic experience creating 2D digital art to get the most out of this tutorial.

In 2D Beginner: Adventure Game, you’ve created animations using sprites that we’ve provided — or possibly other sprites that you’ve sourced yourself. But what if you want to create 2D sprite animations using your own art? In this tutorial, you’ll explore how to begin using your own hand-drawn 2D animations in Unity, working through the example of a walk cycle.

Create and export your own custom 2D animation sprite art from your 2D creation  software.

Configure your animation sprites in Unity. 

You’ll need to have at least basic experience creating 2D digital art to get the most out of this tutorial — we’ll guide you through the artist’s workflow for animation, but we won’t provide specific support for developing your skills at creating art for animation in terms of your technique or critical evaluation.

We have used Photoshop to prepare the animation sprite assets in this tutorial, but you can use your 2D creation software of choice. You may find that you need to adjust export settings in different ways, depending on the software that you’re using.

This tutorial is part of Beginner 2D: Adventure Game and refers to the game project for that course, but you can follow this tutorial in any 2D Unity project.

Note: For the purposes of this tutorial, we chose to use the Ruby’s Adventure asset set, and the file paths used in instructions will reflect this. If you chose another asset set, the file names will  be the same, but in your corresponding theme folder. 

Before you begin creating your animation, it will be helpful to have an idea of the workflow that you’ll follow. At a high level, you can break down the process of getting your hand-drawn art into a Unity game or other real-time experience into the following stages:

Plan your animation and identify the keyframes

Prepare your keyframe sprites in your 2D creation software

Export the sprites as a single sprite atlas (sprite sheet)

Slice the sprite atlas and configure the import settings

Create animations using your keyframe sprites

In this tutorial, we’re going to use a walk cycle for the enemy in the Ducko asset pack: a malfunctioning boiler.

A basic walk cycle for a character has the following four poses:

Forward contact: The front foot (1) is just connecting to the ground, the back foot (2) is just rising from the ground.

Passing pose: The character’s weight is now on the front foot (1), and the back foot (2) is moving forward and crossing (passing) the front leg.

Back contact: The foot that was previously at the back (2) is now just connecting to the ground at the front, the other foot (1) is just rising from the ground.

Passing pose: The character’s weight is now on the front foot (2), and the back foot (1) is moving forward and crossing (passing) the front leg. The cycle will restart from the forward contact pose.

To create a walk cycle animation like this, you’ll need to create a sprite for each pose. From an animation perspective, the contact poses are the keyframes, and the passing poses are the inbetweens. In Unity terminology, each frame in an animation is called a keyframe, so all four of these poses will be called keyframes when you use them to create an animation in Unity.

Diagram showing the four enemy walk cycle sprites for left movement, with one foot red and the other blue to illustrate the position in each pose.

First, you need to create a sprite for each of the walk cycle poses. From an art perspective, the process of developing your keyframe sprites will probably involve drawing the outline, adding flat colors, shading, and then final adjustments to polish each sprite.

Important: When you create sprites for Unity, the dimensions of the files are critical for optimal sprite rendering. The height and width of a sprite file should be a power of two size in pixels (2^n). The height and width don’t need to be the same value: both 16 by 16 pixels and 8 by 32 pixels would meet this requirement. For these walk cycle sprites, our animator created 512 by 512 pixel files.

For the Ducko asset pack enemy, this first video shows the walk cycle with just the outline for the sprites:

The animator then applied flat color to the sprites:

After adding the flat color, the animator refined and polished the sprites until they were satisfied with the final outcome:

In this second and final walk cycle video, the four sprites are fully colored and refined:

An Art Deco-style boiler with a face, flat colored in a brassy yellow shade

The boiler’s final coloring includes multiple layers of shading to mimic metal, with additional colors to pick out key sprite details.

Once you’ve created the sprites that you need for your animation, the next stage is to export them from your 2D creation software as a sprite atlas (or sprite sheet). Organizing the animation frames in a single file is a much more resource-efficient approach than importing each sprite separately. You can add the sprites for all the animations involving a character to the same sprite atlas asset, just as we did for the pre-created sprites that we provided for you to use in the 2D Beginner: Adventure Game course.

To create a sprite atlas for you animation, follow these high-level instructions:

1.   In your 2D creation software, create a new file. Just like the individual sprites that you created for each pose, the dimensions of this file should both be a power of two value (2^n). Remember that you need to arrange your sprites in a grid and choose a size that will work well for you. 

2048 by 2048 pixels is a good starting point for a large amount of sprites, but you might want to start with a smaller one the first time you work through this process.

Note: It’s not impossible to work with sprite atlases of different sizes in Unity, but if you are creating assets yourself, always use power of two dimensions.

2.  Arrange your pose sprites in a grid in the new file. The layout of this grid is very important: you need to pack the sprites in such a way that they can be cleanly sliced in Unity, with a clear gutter around each sprite. Imagine your sprite grid on a piece of paper that’s going to be cut by a rotary trimmer or craft guillotine — you don’t have the flexibility of scissors when you slice, so you need to make sure that the sprites are exactly aligned.

Important: Make sure that you remove any backgrounds that you used as you worked on the sprites. This file should only include the sprites that you want to import to Unity; the background must be transparent.

3.   Export the sprite atlas as a PNG file.

Once you’ve created the correct file, you’re now ready to import and configure the sprite sheet asset in Unity. 

Note: In this step we provide some guidance on setting configuration, but you might find it useful to explore the sprite import settings documentation to develop your understanding of what each import setting does so you can configure your sprites just as you need for your particular game.

To import and configure your animation sprites, follow these instructions:

1.  Drag your sprite atlas asset from your Finder or File Explorer window and release it over the Project window in Unity. Remember, sorting your assets into folders will help you keep your project well-organized.

2.  In the Project window, select the sprite atlas asset. Review the Import Settings in the Inspector window.

3.  Open the Sprite Mode property dropdown and select Multiple.

4.  Adjust the Pixels Per Unit value, if you need to. The value for this setting will be based on how you organize your project.

5.  Set the Filter Mode property to Bilinear or Point (for pixel art). These options preserve the pixels of the sprite atlas in the animation as rendered by Unity.

6.  If you need to, you can use the Max Size property to downscale the sprite sheet in-game. Right now, set this property to the largest dimension size of your sprite atlas.

7.  If you are using an asset that hasn’t been saved at a power of two size, use the foldout (triangle) to expand the Advanced setting. Open the Non-Power of 2 property dropdown and select ToNearest to scale the sprite size to the closest power or two.

8.  Select Apply to save your setting changes.

9.  Open the Sprite Editor, slice your sprite sheet, and open the Pivot property dropdown and select Bottom. Apply your changes and close the window. 

Once you’ve completed this setup process, you’ll be ready to create animations with your hand-drawn keyframe sprites.

If you want to further develop your skills, explore new concepts, or improve your project, check out some of the optional activities below. Each one is tagged as either Easy, Medium, or Difficult, so you can choose the level of challenge.

These activities are entirely optional, so if you’re not interested, no problem — just skip this step. We do recommend attempting at least one of them in order to get the most out of this learning experience. Good luck!

Easy: Animate sprite decorations for your world

To practice your hand-drawn animation for Unity skills without needing to create a whole walk cycle, try to create some animated decorations for your gameplay environment. For example, you could create a plant that slowly sways in the wind or an animal that occasionally wiggles.

Tip: You can use the same quick approach to creating an animated GameObject that you used for the friendly NPC to create this animation, once you have configured the sprites in Unity.

Now that you’ve created a walk cycle, try defining keyframes and working through the same process to create a victory animation for the player character in your game. Think about what your choices communicate — what characterisation work can your animation do to tell the player more about the character?

Difficult: Create a more complex walk cycle

For a very distinctive walk cycle animation, you could move beyond the four basic keyframes and work on a more complex walk cycle that could be used for a boss character. There are a wide variety of resources that you can find online to help you break down more detailed cycle stages to identify suitable keyframes.

This tutorial is just a starting point for your hand-drawn animation journey — take time to experiment as you practice the basic workflow here to develop your experience and confidence working with animation in Unity.

If you’re completing the 2D Beginner: Adventure Game course, this is the final optional tutorial. You’re now ready to build and publish your game to share with others.

Get started with hand-drawn animation

1. Overview

2. Before you begin

3. The workflow for using basic hand-drawn animations in Unity

4. Prepare your animation sprites

5. Export your sprites as a sprite atlas

6. Import and configure your sprites in Unity

7. More things to try

8. Next steps

Complete this tutorial