Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

arrow_back Personalize Your Sprite


This video will show you how to edit the way your sprite looks.

Click on the “costumes” tab.

You’ll see the sprite inside a paint editor.

You’ll edit the sprite using these tools.

Use the “select” tool, and click on the sprite.

You’ll know that you’ve selected the sprite when you see a box around it.

With the sprite selected, you can move it by clicking and dragging, rotate it by dragging the circle at the top, or change its size by dragging the squares on the corners and sides.

If you make a mistake while editing the sprite, that’s okay!

Computer scientists make mistakes all the time, and they use those mistakes to learn what they should do differently next time.

Use the “undo” button to undo your last action.

Then, try again until you have something you like.

Now you can move, rotate, and resize your sprite.

But, you might want to change only one part of a sprite.

To make that happen, select the sprite, then click the “ungroup” button.

The sprite now splits into many parts that you can move, rotate, or resize individually.

Move the arms and legs a tiny bit to create your first animation frame.

There is one more drawing tool to try: the “reshape” tool.

Use this tool to edit points and lines.

Now it’s your turn!

Edit the sprite.

Choose an Add-On
Title Page
Winning Condition!
Losing Condition!
Keep Trying!
Personalize Your Sprite
Add Another Question (Challenge)
arrow_backward Back
Next arrow_forward
  1. Choose an Add-On, and click "watch" to learn how to build it.
  2. Once you finish one Add-On, try another one below the video!