# Shaping Things Up

## What Shapes Are There?

Do this

Draw the head of a creature by using at least two ellipses and at least one triangle. You can use the rect-command too if you like.

Save your creation and give it a describing name (File > Save As)

Try the code below and answer the multiple-choice question.

``````size(500, 500);
ellipse(250, 250, 200, 200);
rect(130, 200, 300, 80);
triangle(300, 300, 200, 50, 100, 200);
``````

Try the code above. Which shape appears on the top of the others?

Educator notes

Students should draw the head (or some other part) of a creature. They will continue developing the creature in the exercise included in this chapter. See that they save their work for further use!

Besides creatures, it’s possible to create many other things, like buildings, landscapes, flags, symbols or abstract art.

Activity: Designing your own flag can be a fun challenge for the students. First, you can advise the students to try to draw the flag of your country. Then, they can continue developing their own flag.

## Colorful Creations

The picture above illustrates the RGB color model. Red, green, and blue light are added together to produce different colors.

• If red and green light overlap, the result is yellow.
``````    fill(255, 255, 0) // Set the filling color to yellow
``````
• If blue and red light overlap, the result is magenta.
``````    fill(255, 0, 255) // Set the filling color to magenta
``````
• If green and blue light overlap, the result is cyan.
``````    fill(0, 255, 255) // Set the filling color to cyan
``````
• If all the colored lights overlap, the result is white.
``````    fill(255, 255, 255) // Set the filling color to white. You can do the same with the command "fill(255)"
``````
• If there's no light, the color is black.
``````    fill(0, 0, 0) // Set the filling color to black. You can do the same with the command "fill(0)"
``````

Do this

See the code below and answer the multiple-choice questions!

What is the filling color of the ellipse?
What is the filling color of the triangle?
What is the outline color of the triangle?

Educator notes

RGB is an additive color-model that mixes red, green and blue lights together. Mixing paints of these colors would result in something totally different.

• `fill(255, 255, 255)` mixes bright red, bright green and bright blue light together which creates white light.
• `fill(0, 0, 0)` is black because if there’s no light, everything is black. There’s a nice tool for choosing colors in Processing. You can find it in Tools > Color Selector. This is explained more in the second chapter of this module.

Activity: Experiment with colored lights in the classroom to have a better understanding of how the RGB color model works.

## The Creature

Do this

Continue with the creature you started developing earlier.

Don’t copy the owl, make something else!

Add at least two colors to the face of the creature!

Educator notes

A common challenge for students is that they are often unable to draw the shapes exactly where they would like to. It takes a lot of time experimenting to be able to localize things with the coordinates. It can cause a feeling of frustration: “Hand drawing would be so much easier!".

It’s true that computers aren’t always the most convenient tool for this kind of drawing. But you can remind the students that they will soon start to make animations in the next chapter - something that computers do really well. And that in order to make animations, you must first learn how to draw static things!

Try to encourage the students to design their own creatures and not just copy the one from the video.

Activity: Before programming any creatures, design the creatures on a paper with a pencil! Advise the students to use common shapes that are easy to replicate with programming commands later on.