Youtube Google Play Contact Blog

How to make a swirling portrait

First, generate a gradient vector that shows the bright spots in the image. If you move the pen so that it is perpendicular to the vector, it will draw a ring around a bright place.
This is how the swirling portrait works.
Combining this with Perlin noise, which draws smooth lines, gives a more beautiful painting-like appearance.
Also, by keeping the pen moving straight at the end, it creates an interesting explosive effect.

How to use

Open it from the p5.js editor.

You can change the image by entering the URL of your favorite image in the loadImage part.
Press and hold the mouse to explode the portrait.




Leave a comment

Your email address will not be published.