•••• P5JS Workbook ••••

Geometric Tail

← ↑ →

Assignment

Record the movement of the cursor on the canvas drawing a tail made of squares. The sketch should accept the following inputs:

a mouse click should switch between squares and circles
the spacebar should clean the canvas
a slider should control the size of the shapes

Skills

Basic Drawing, Callbacks/events, DOM Controls, Function Pointers, Keyboard Input, Mouse Input

Resources

(↷) Exercise Solution

(↗) background()

(↗) changed()

(↗) createCanvas()

(↗) createElement

(↗) createSlider()

(↗) ellipse()

(↗) keyPressed()

(↗) mouseClicked()

(↗) rectMode()