var hairWidth = (400);
var hairHeight = (420);
var hairColor = ('#A62BFF');
var eyeColor = ('#000000');
var eyeSize = (10);
var mouthSize = (10);
var eyebrowHeight = 50;
var backgroundColor = 255;
function setup() {
createCanvas(480, 640);
}
function draw() {
background(backgroundColor);
noStroke();
//hair
fill(hairColor);
ellipse ((width/2), (height/2), hairWidth, hairHeight);
//face
fill('#F0DEFF');
ellipse((width/2), (height/2), 250, 250);
//hair bangs
fill(hairColor);
ellipse ((width/2), ((height/2)-125), 150, 100);
//eyes
fill(eyeColor);
ellipse (((width/2)-50), ((height/2)-40), eyeSize, eyeSize);
ellipse (((width/2)+50), ((height/2)-40), eyeSize, eyeSize);
//eyebrows
fill (hairColor);
rect (((width/2)-65), ((height/2)-eyebrowHeight), 30, 5);
rect (((width/2)+(35)), ((height/2)-eyebrowHeight), 30, 5);
//mouth
fill ('#000000');
ellipse ((width/2), ((height/2)+30), mouthSize, mouthSize);
//nose
fill ('#EBBAFF');
ellipse ((width/2), (height/2), 30, 10);
//noLoop()
}
function mousePressed() {
hairWidth = random(400, 600);
hairHeight = random(420, 620);
hairColor = random(255);
eyeColor = random(255);
eyeSize = random(10, 30);
mouthSize = random(10, 50);
eyebrowHeight = random(50, 70);
backgroundColor = random(0-255);
}
This project made me very aware of how little I remembered about programing in colors, particularly randomizing them. I’m sure that with more tinkering I could have added a lot more variety but I am happy with it as is.