Flat Design Penguin

At My Fingertips

Rapid Playground

Documentation

Flat Design Penguin

Let's compose a cute little penguin in the so-called "flat design" style.

Decomposition

Do Now!

Can you describe the penguin as a hierarchical decomposition into parts?

One way to decompose the penguin is to see it as:

an almost white front part of the body
a black back part of the body
an eye (in the top right area of the body)
a two-colored beak (attached to the top right of the body)
a foot at the bottom of the body, sticking out behind the body

Implementation

Run this code cell to import the necessary names and to define names for the colors we need.

Eye

Implement a function to compose the eye.

Beak

Import or implement a function to compose the beak.

If you already have a beak function in your toolbox (e.g., because you built the Flat Design Bird), simply import it with from toolbox import beak.

Foot

Implement a function to build the foot that sticks out from under the body.

Body

Implement a function that creates the penguin's body (without beak and foot, but with the eye).

Penguin

Compose the body, the foot, and the beak into a complete penguin.

What You Learned

You learned how to decompose a graphic, and to create a nice function for each component. Your functions can be developed, tested, and used on their own: for example, you can call your beak function to create a beak for a bird, or just a beak on its own.

If you want to reuse your functions in other activities, save them in your toolbox (click the tools button at the bottom of the corresponding code cell).

This activity has been created by LuCE Research Lab and is licensed under CC BY-SA 4.0.

Flat Design Penguin

Logo of PyTamaro

PyTamaro is a project created by the Lugano Computing Education Research Lab at the Software Institute of USI