Animated gradient blur

Processing Project Guidance
1

Hi

How can we do the below animated gradient blur?? how can we get the gradient effect animated. Any pointers will be of great help.

2

Hi @dragodiv,

you can checkout the concepts of …

Cheers
— mnse

…Perlin Noise:

…FlowFields:

1 Like
3

Hello @dragodiv,

These are on the Processing website:

https://processing.org/reference/noise_.html

Check out the Math section in Examples:
https://processing.org/examples

You can always go down the rabbit hole and do a search in the forum.

Experiment and explore!

Start simple and build on that…

:)

1 Like
4

Yes yes had gone through perlin noise and flow fleids…but wasnt sure about how can the gradient change as the flow…?

5

Hi @dragodiv,

ie. you can map the noise value (or the angle) to colors…

Cheers
— mnse

1 Like
6

Ohh okok… Will go through that and apply it and see… Thank you all for response…will post the code if I get close… :slight_smile:

7

Hello @dragodiv ,

HSB colorMode() is fun to work with…

In the 3D Perlin noise example set the hue instead of the brightness.

image

Reference:
https://processing.org/reference/colorMode_.html

:)