2.1 Face Generator by using P5.js View the Code

Click to Interact

Description

This is a face generator that I coded based on my hand drew. This facial expression was inspired by one of the most famouse painting named The Scream by Edvard Munch in 1893. I started coding it from the most simple sketch including a round face, simple eyes and screaming size mouth. Later, I added up more interesting element by randomized the color of the face and the size of it to provide a stronger screamming and horrible feeling through each clicking.

2.2 The Scream by Edvard Munch in 1893

Design Process

It was pretty tough when I tried to figure out the ratio and the relative position between eyes, mouth and the face. I drew some rough sketch on paper, and mark the position of each element with number to calculate the relation between each part.

2.3 Hand Sketch on Paper

Reflection

Overall, it is an interesting project. I really enjoy the time coded it, but I spent a lot of time to do the calculation in order to figure out the relation. Besides the mathematical problems, I am impressed that P5.js is such a powerful coding language that can transfer the drawing on paper directly into a digital canvas with pretty high tolerate on erros compared to the physical painting canvas.