A Look into Flow Fields

Haneen Fathy
3 min readOct 24, 2020

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.

A trigonometric approach
Blending colors
Controlling the noise value
This is one of my favorite. It is extremely simple yet very expressive.
Creating smoke texture

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.

Looks like cracks in the wall

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

For my next iteration, my focus was on color. I used color to try and create texture.

Flames

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

Interesting texture

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

Varying width of lines

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

The same sketch after adding more randomness
Using different shapes instead of lines

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 :)

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

No responses yet

Write a response