A Look into Flow Fields
In this project, chose to explore flow field and their full potential. I came in with the idea that I will be creating basic flow field shapes, but I was surprised at the range of things I was able to create.
For my main sketch, I built on the flow field implementation from The Coding Train and took it for there. Initially, I tried to control the vector field without using perlin noise and came up with a lot of interesting sketches. The following 15 generative art sketches are some of my favorites:
The first three were created relying on sin and cos functions.



Eventually, I started implementing perlin noise to my vector field and experimenting with the basic lines. After playing around with all the different parameters, they were not so basic after all.




In the next few images, I played around with the scale to create more geometrical pieces which turned out to be my favorite of the bunch.


https://editor.p5js.org/haneenfathy/sketches/BP37cyhhQ
For my next iteration, my focus was on color. I used color to try and create texture.

https://editor.p5js.org/haneenfathy/sketches/w85pJI44T

https://editor.p5js.org/haneenfathy/sketches/6Nb78OLA4

https://editor.p5js.org/haneenfathy/sketches/s4iKCTTQr


https://editor.p5js.org/haneenfathy/sketches/8QcVWd_Ma
Experimenting with color layers:
https://editor.p5js.org/haneenfathy/sketches/iWu2l9JOw
For my last sketch, I decided to render text using perlin noise and flow field. This created a nice font effect that can have many uses.

There are countless ways to use flow field to generate art and I am excited to continue exploring them :)