Shapes & Patterns

Playing with Patterns

The first project of the SHAPES & PATTERNS chapter contains a pattern of lines isolated within a circular perimeter. This project demonstrates the scaling of objects by using map() functions.

Trigonometry

This interactive project shows objects individually following the user's mouse cursor around the canvas. This also demonstrates the use of P5.js trigonometry function, atan2().

Trigonometry - Iteration 2

Continuing on from the previous project, this iteration includes ellipses with smaller ellipses in each of them to further display the atan2() function.

Controlled-Randomised Pattern

A pattern of pseudo-randomised objects demonstrating ordered-random. This includes a bespoke animation loop that displays a "pulsating" colour effect.

Controlled-Randomised Pattern - Iteration 2

Identical in terms of functionality to the previous project, however, the objects are different and user interaction is considered.

Patterned Wrapping Paper

The last project of this chapter demonstrates the basic capabilities of pixel manipulation from an image.