Skip to content

Please update your browser

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


This video will show you some of the things you can do to design your game and make it your own.

Click on any of the sprites, then click on the costumes tab.

The starter project came with several costumes for each of the sprites.

You can choose one that you like.

You can edit costumes in the paint editor.

Click on the sprite, and you will see a box around the whole sprite.

To edit the sprite, click the “ungroup” tool.

This lets you change individual pieces of the sprite.

Click on a piece.

You may be able to “ungroup further.”

This example ungroups one further, to tinker with the arms.

Click on the piece you want to change.

Click the dot in the center to move the piece.

To rotate it, click the dot on top.

Click on the squares around the piece to change its size.

Click the “reshape” tool.

Dots will appear around the outside of the piece.

Drag the dots to change its shape.

Click the pencil to draw on the sprite.

Choose colors from the color selector at the bottom of the paint editor.

The line, box, and circle tools will help you draw those shapes.

You can type using the Text tool.

To change the color of part of a sprite, select the color you want, the paint bucket, then the area that will change.

Be fearless, and don’t worry about making mistakes!

Computer scientists like you make mistakes all the time.

They are great opportunities to learn!

If you make a mistake, use the “undo” button and try again.

Delete a costume by pressing the x in the top right corner.

Or, start from scratch by deleting all the costumes and painting your own using the “paint new costume” button.

Use these tools and techniques to edit the characters, objects, and backgrounds in your project.

Have fun exploring!

Now it’s your turn: Use the tools in the paint editor to make your game unique.

Choose an Add-On
It's How You Play the Game
Add a winning condition to your game.
Danger Sprite
Add a sprite that causes you to lose points if you or your friend touches it.
Learn how to design the sprites.
Blocking (Part 1 of 2)
Force the players to jump over each other.
Blocking (Part 2 of 2)
Force the players to jump over each other.
Make Noise
Add sound to your project.
Hello Friend
Make the sprites react when they touch each other.
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!