•••• P5JS Workbook ••••

Random Points

← ↑ →

Assignment

Plot a collection of random locations on the canvas using the point primitive. Calculate the means of x and y values and plot the values using a line primitive, adding a caption of the number itself. The user should be able to generate a new collection of random locations and to change the number of points using an input (type = number).

Skills

Basic Drawing, Callbacks/events, Colors, DOM Controls, For Loops, for of, High Order Functions, Parametric Drawing, Typography

Resources

(↷) Exercise Solution

(↗) .toFixed()

(↗) attribute()

(↗) background()

(↗) createButton()

(↗) createCanvas()

(↗) createInput()

(↗) High Order Functions (coding train)

(↗) Math.random()

(↗) mousePressed()

(↗) noStroke()

(↗) parseInt()