// Ankitha Vasudev
// Section B
// ankithav@andrew.cmu.edu
// Project-02-Variable Face
//global variables
var faceWidth = 200;
var faceHeight = 150;
var earH = 50;
var earW = 40;
var eyeW = 20;
var eyeH = 30;
var eyeColor = 0;
var r = 255;
var g = 217;
var b = 255;
var cheekw = 20;
var cheekh = 20;
function setup() {
createCanvas(640, 480);
background(167, 220, 200);
}
function draw() {
//background
noStroke();
fill(r, g, b);
rect(0, 0, 640, 480);
fill(167, 220, 200);
rect(20, 20, 600, 440);
//ears
noStroke();
fill(110, 59, 0);
ellipse(237, 240, earW, earH);
ellipse(402, 240, earW, earH);
//face
fill(110, 59, 0);
ellipse(width / 2, 220, faceWidth - 50, faceHeight);
ellipse(width / 2, 300, faceWidth, faceHeight);
fill(229, 222, 180);
ellipse(width / 2, 220, faceWidth - 80, faceHeight - 30);
ellipse(width / 2, 300, faceWidth - 30, faceHeight - 30);
//eyes
stroke(255);
strokeWeight(12);
fill(eyeColor);
ellipse(295, 240, eyeW, eyeH);
ellipse(345, 240, eyeW, eyeH);
//mouth
noFill();
stroke(255, 160, 255);
strokeWeight(4);
beginShape();
curveVertex(280, 300);
curveVertex(300, 320);
curveVertex(340, 320);
curveVertex(360, 300);
endShape();
//cheeks
noStroke();
fill(255, 180, 255);
ellipse(265, 300, cheekw, cheekh);
ellipse(375, 300, cheekw, cheekh);
}
function mousePressed(){
faceWidth = random(200, 230);
faceHeight = random(150, 180);
earH = random(30, 100);
eyeW = random(20, 40);
eyeH = random(35, 60);
eyeColor = random(0, 200);
r = random(190, 250);
g = random(190, 250);
b = random(230, 255);
cheekw = random(20, 40);
cheekh = random(20, 40);
}
I wanted to make something that was fun and creative. I used the face shape and features of a monkey for this project. It was interesting to play around with different variables that allowed me to change the colors and shapes in the program.