Exercise: Drawing Studio

Search for Inspiration


Do this

Search for an interesting drawing-project in Open Processing

You can search with the keyword “drawing”, “interaction” and “game” but you can also try out other search terms!


Educator notes


The Drawing Studio

The Drawing Studio - Example Projects

Below there's three versions of a drawing studio. The background image is the same: Antoine Watteau's Head of a man (1718), downloaded from Metropolitan Museum of Art Open Gallery.

<

Subtle Additions
The color of the stroke is partly transparent black and the line is thin.

Covered with Mist
The color of the stroke is partly transparent grey and the line is very thick.

Dressing Up!
You can choose colors with the buttons. When you press any key, the program puts a heart-image to the location of the mouse


If you don’t want to build a drawing studio, you can make a game or develop your previous space-exploration project further! If you continue with the space exploration project, spice it up with some interactive elements from this chapter.


Exercise instructions

Advised maximum time for the project is 30 minutes.

Make your own drawing studio.

  • Build your project on the setup- and draw -methods
  • Add an image to the background of your project.
  • Resize the image so that it’s the same size as the canvas.
  • The program draws a line, a shape or a custom-image to your mouse-location.
  • When you press a key on your keyboard, something happens
  • Make comments on your code with “//” -marks and explanations

EXTRA

  • If you feel like it, you can also add your project to Open Processing.

Educator notes