teachinTech


Animated Players via Sprite strips

One option to quickly create animated players in Construct2 uses sprite strips.

Turn In: The SpriteStrip.capx created below.

This activity walks you through creating animated players via a sprite strip.

Create a new empty project and name it SpriteStrip.capx

For this activity we are going to use a graphic from the Construct2 manual at the link below ...

Construct2 Manual - Import Sprite Strip

Find the image with 4 rows and 4 columns of yellow dots. Right click on that image and save it to a location of your choosing.

In the upper left corner of Layout1, add a new sprite. When the edit image comes up, right click on the Animation frames window and pick Import Frames then the From sprite strip option. Select the image you just downloaded and click on Open. Put in 4 for the horizontal cells and 4 for the vertical cells. Check the box that says "Replace entire existing animation" then click on Ok. In the Animation properties (just under the File menu), change Loop from No to Yes. Close the editor and run the layout.

Notice that the yellow dot is animated. The sprite sheet is a way for graphic designers to create an easy to distribute and use graphic file that can be used by game developers.

Next, go to your favorite search engine and search for the following two phrases on the images tab of the search engine ...

     sprite sheet
     sprite strip

You will see quite a few examples of sprite sheets.

Note: Observe the copyright of any images include sprite sheets that you wish to use in your games. Some are available to use for free. Some are free if you give the artist credit in your game. Some require payment.

Some sprite sheets include a large image of the character as well as the smaller ones in the different poses. To use those sprite sheets, you first need to crop off the larger image so that only the smaller, same size images are on the sprite sheet. If you do not crop that off, Construct2 will not be able to properly import the sprite strip.


Copyright © 2021 Eric Schumm. Permission granted to freely use this in your classroom.