Exercises: Drawing

Practice displaying shapes to the screen. In processing, your programs will ultimately be about showing pictures to the user. Whether you are designing games, interactive stories, or visualizing data, it is crucial that you can display shapes and images to the screen

Course Items

The Canvas

Learn to use the JavaScript Canvas and read XY-coordinates

Draw Minecraft Steve using rectangles

Draw Minecraft Steve using rectangles


Draw circles and ovals with ellipse()

Triangles and Lines

Place two points to draw a line, three points to draw a triangle

Fill Colors

Draw shapes in color

Order of Execution

Draw shapes and use fill in the right order to create this pattern


Use what you've learned to draw this smiley face

Exercises: Drawing Info


MVCode Clubs



Created By

Newprofile jamie

Exercises: Drawing Prereqs