We were asked to draw a self-portrait using p5.js. I felt that using simple geometric shapes to create an image was a bit too simple for someone who had already learned Processing. I wanted to appear blurry and unnoticeable to others, so I decided to turn my self-portrait into a blurred image made up of pixels.
The whole process is quite simple. The principle is to load a photo into p5js, then read the color data of the pixels in the image at certain intervals and generate a circle at that location. Then, a random value is added to the radius of the circle.
The biggest obstacle I encountered during the process was that I couldn't simply drag images into my local project folder like I could with Processing. However, I later discovered that there's a button in the top left corner of the p5js editor that lets you view the online project files. Simply uploading the images solved the problem.
No AI was used in this project