REPETITION AND AUTOMATION

P5.js / Generative Art

This project explores pattern creation with generative motions applied on basic geometrical shapes. The generated movement leaves behind flowy and swirling lines which layers on top of each other to form a overall image which looks organic and resembles leaves and waves. The algorithm also results in evident textures that gives the final visual outcome a interesting visual identity.

Process 1 Process 2

ADDING MOTION TO GRID

I started the process by introducing animation and motion into a initially static grid through the use of frameCount, rotations and nested loops. By adding tangents in the code and adjusting the speed of these motions, different patterned outcomes were generated.

In the example on the right, a ocean-wave like pattern was generated through these dynamic motions.

Link to p5.js sketch for waves pattern