In this project I changed the size of the cat’s eyes, nose, mouth, head, ears, and body with each mouse press. The most challenging part of the project was to make the ears connect to the head with each randomized variable.
/* Mari Kubota
49-104 Section D
mkubota@andrew.cmu.edu
Assignment 02
*/
var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 80;
var bodyWidth = 100;
var bodyHeight = 150;
var noseX = 10;
function setup() {
createCanvas(300, 300);
}
function draw() {
noStroke();
background(147,184,186);
fill (0);
ellipse(width/2, height/2+100, bodyWidth, bodyHeight); //body
triangle(width/2, height/2+faceHeight/2, width/2+faceWidth/2, height/2, width/2+faceWidth/4,height/4); //ear
triangle(width/2, height/2+faceHeight/2, width/2-faceWidth/2, height/2, width/2-faceWidth/4,height/4); //ear
ellipse(width/2, height/2, faceWidth, faceHeight); //head
fill(255,145,200);
triangle (width/2, height/2+15, width/2+noseX, height/2+5, width/2-noseX, height/2+5); //nose
stroke(255,145,200);
strokeWeight(4);
line(width/2, height/2+15, width/2+eyeSize, height/2+20); //mouth
line(width/2, height/2+15, width/2-eyeSize, height/2+20); //mouth
noStroke();
fill (231,219,82)
var eyeLX = width / 2 - faceWidth * 0.25;
var eyeRX = width / 2 + faceWidth * 0.25;
ellipse(eyeLX, height / 2, eyeSize, eyeSize); //eye
ellipse(eyeRX, height / 2, eyeSize, eyeSize); //eye
fill(0);
ellipse(eyeLX, height / 2, eyeSize/4, eyeSize); //pupil
ellipse(eyeRX, height / 2, eyeSize/4, eyeSize); //pupil
}
function mousePressed() {
faceWidth = random(75, 150);
faceHeight = random(80, 150);
eyeSize = random(10, 30);
bodyWidth = random(100,150);
bodyHeight = random(130,200);
noseX = random(5,20);
}