Click-and-key art

Open project · after lesson 7: Events

Make a drawing toy: a click draws a shape where the mouse is (a dot, a square, anything), and keys change the colour, the shape or the size. Someone else should be able to play with it without reading your code.

One way it could look. Yours will be different.

You'll use

These light up when your code uses them. Click one to see where you learned it.

passing a function to an event (onscreenclick(fn))global a place in a list (a[0])if

Try it yourselfYour edits are saved in this browser.

Milestones

Tick each one when it is true of your project. Nobody marks it: be honest with yourself.

A click draws a shape where I clicked.
At least two keys change what the next stamp looks like.
A friend used it without me explaining the keys (or the screen tells them).

Make it yours

A key that clears the screen.
Cycle through a list of colours with one key.
Shapes that grow each time.

Looking back

What was the hardest part, and how did you get past it?

Tick every milestone first.

Click-and-key art

You'll use

Milestones

Make it yours

Looking back

★ Click-and-key art

★ Click-and-key art

Built with

Milestones

The hardest part