var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 150;
var r = 100;
var b = 100;
var g = 100;
var e1 = 100;
var e2 = 100;
var e3 = 100;
var mouthSizeW = 5;
var mouthSizeH = 10;
function setup() {
createCanvas(640, 480);
}
function draw() {
background(180);
fill(r, b, g);
ellipse(width/2, height/2, faceWidth, faceHeight);
var eyeLX = width/2 - faceWidth*0.25;
var eyeRX = width/2 + faceWidth * 0.25;
fill(e1, e2, e3);
ellipse(eyeLX, height/2, eyeSize, eyeSize);
ellipse(eyeRX, height/2, eyeSize, eyeSize);
var mouth = width/2
ellipse(mouth, height/2+30, mouthSizeW, mouthSizeH)
}
function mousePressed() {
faceWidth = random(75,150);
faceHeight = random(100,200);
eyeSize = random(10,30);
r = random(0, 255);
b = random(0, 255);
g = random(0, 255);
e1 = random(0, 255);
e2 = random(0, 255);
e3 = random(0, 255);
mouthSizeW = random(5, 50);
mouthSizeH = random(10, 55);
}
While making this project I decided to play with color so I assigned random variables for the eyes and mouth and the face.