Motion and Constraint

"Motion and Constraint" uses multiple circle packing algorithms to add order and abstraction to what would look like chaos otherwise.

It is a study of circle arrangement, to which interest is given by applying morphing and moving shapes as textures.

Perlin Noise is also used, for various reasons in this collection :

• as a background creator, giving motion to pseudo-randomly disposed particles with various settings among the mints, and to which axial symmetry among the canvas is applied
• as a shape creator, applying variation to elements drawn with polar coordinates, progressively filling the canvas
• as a detail tweaker, applied to various elements in the underlying code.

29 handpicked colour palettes were used in this project.

Various features are included, and define the underlying rarity system.

This project was created exclusively using the p5js library (unless you count the love too ❤️).

// Press 's' to save a 4096 by 4096 png file of your render.
// Press 'h' to save a 8192 by 8192 png file of your render.