The SparkFun Guide to Processing

1

Pixel Art

You’ve already drawn your first line in Processing, but that was just the beginning. In this project, you’ll use basic rectangles to create some awesomely low-resolution graphics, so look to your favorite retro video game sprite (or any simple, blocky image) for inspiration. We’re making pixel art!

Gather Your Materials

• Graph paper

• Colored pencils

• Felt-tip pen

DRAFTING YOUR PIXEL ART

First, you’ll draft your pixelated masterpiece in the physical world. Using your colored pencils, draw a square that is 20 boxes by 20 boxes on a piece of graph paper to represent your sketch window in Processing, and create your image inside that square. Follow these rules to make your image easier to translate into code:

Rule 1Use only full squares ...