Take a Selfie! 

is a interactive P5.js (Processing) project that captures users face and voices and turns them into an array of circles. By adjusting the bar on the bottom right corner, the position of the mouse, as well as raising your voice impacts the color, size, and the shape of the circles.

Enjoy!
by moving your mouth to the icon on the top left corner, the menu shows up.
by dragging the bar, the size of the circles change accordingly.
by pressing the mouse, the hollow circles will fill up. if you scream to the screen, the color will turn red from blue.
once you let go, the circles returns back to hollow.
moving the mouse to the top of the screen will impact the distance between each circle.
don't forget to press "s" to save!
{Project Link: https://editor.p5js.org/Yanyilun-Jimmy-Zhi/full/hAvuEwlYV }
Take a Selfie!
Published:

Owner

Take a Selfie!

TAKE A SELFIE! is a interactive P5.js (Processing) project that captures users face and voices and turns them into an array of circles. By adjust Read More

Published:

Creative Fields