Adding the twirl effect to the background in p5js

Is there any way to create the twirl effect to the background in p5js?? I want to be able to do stuff like this: with code. If anyone knows how to do this i would really appreciate the help. Thanks in advance!

1 Like

I am not a shader expert, but you can create a twirl effect on an image with GLSL shaders.

And p5.js has support for shaders:

Here is a p5.js shader template:

…and here are some examples of shader image effects in p5.js:

There are also many search results for twirl shader, swirl shader, whirlpool shader, etc.

One things to be careful about is that working shader code you find sometimes needs to be adapted: