Skip to content

Please update your browser

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

Transcript

In this add-on, you'll create your own video game character using the bitmap paint editor.

Bitmap images are made up of tiny squares of color called pixels.

Today's computer monitors and television screens have millions of pixels.

However, the displays on early video consoles only had a few thousand pixels.

So the characters in early games looked very pixelated and simple.

Even though technology has improved drastically, the pixelated look is still used in games today because the style is so widely associated with classic fun games.

To start, go to the 'Costumes' tab and click 'Paint new sprite.' Click the 'plus' sign to zoom in on your paint editor until you see each pixel.

Select the brush tool and set it the smallest possible size.

Click and drag the brush to draw a character.

Notice that the brush strokes stay on a grid.

This is the secret to achieving that pixelated look.

If you make a mistake don't worry.

Just press the 'undo' button.

Use the ellipse and rectangle tools to quickly draw shapes.

Set the outline to the thinnest setting, click and drag it to create the shape, then click outside the box to lock it in.

Use the brush tool to add details and features.

Click and drag to create curves and lines or click to paint pixels individually for more precision.

To fill in an area with color, click the 'fill with color' tool, select a color, then click the area to fill it.

To add shading, select a slightly darker shade of color, then the fill color, and paint around one edge.

On this stage, resize it till it's the right size for your project.

There's no limit to what you can create with these simple tools.

Have fun designing and creating your character.

Now it's your turn.

Go to the 'Costumes' tab, then click 'Paint new costume.' Zoom all the way in.

Use the editing tools to create your character, then make the character larger on the stage.

Choose an Add-On

Flicker

Program an interesting introduction to your project.

Vector Characters

Learn about vector graphics, and edit or draw your own costume.

Bitmap Characters

Learn about bitmap graphics and draw your own pixel character.

Adding Sound

Add video game sound effects or music to your project.

Instructions
  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!