// Fanjie Mike Jin
//Section
//fjin@andrew.cmu.edu
//Project-02 (Variable Faces)
var eyeSize = 25;
var skin = 76;
var faceWidth = 230;
var faceHeight = 200;
var colorPink = 230;
var eyeW = 20;
var eyeH = 50;
var eyeballX = 360;
var eyeballX2 = 183;
var mouseW = 70;
var mouseH = 80;
function setup (){
createCanvas(640, 480);
}
function draw(){
background(57,skin, 117);
//footleft
noStroke();
fill(163, 65, 67);
ellipse(350 - 0.5 * faceWidth, 430 - 0.5 * faceHeight, 60, 60 );
//footright
noStroke();
fill(163, 65, 67)
ellipse(290 + 0.5 * faceWidth, 430 - 0.5 * faceHeight, 60, 60 );
//body
noStroke();
fill(255, colorPink, 219);
ellipse(320, 240,faceWidth, faceHeight);
//handleft
noStroke();
fill(255, colorPink, 219);
ellipse(315 - 0.5 * faceWidth, 310 - 0.5 * faceHeight, 70, 50);
//handright
noStroke();
fill(255, colorPink, 219);
ellipse(315 + 0.5 * faceWidth, 295 - 0.5 * faceHeight, 70, 50);
//cheekLeft
noStroke();
fill (255, 191, 205);
ellipse(256, 245, 46, 20);
//cheekRight
noStroke();
fill (255, 191, 205);
ellipse(386, 245, 46, 20);
//eyesleft
noStroke();
fill (0);
ellipse(288, 194, eyeW, eyeH);
//eyesright
noStroke();
fill (0);
ellipse(360, 194, eyeW, eyeH);
//eyeballleft
noStroke();
fill (255);
ellipse(eyeballX, 183, 9, 20);
//eyeballright
noStroke();
fill (255);
ellipse(eyeballX - 72, 183, 9, 20);
//mouse
noStroke();
fill (255, 120, 192);
ellipse(320, 279, mouseW, mouseH);
}
function mousePressed(){
colorPink = random(204, 150);
faceWidth = random(230, 260);
faceHeight = random(200, 230);
eyeW = random(20, 30);
eyeballX = random(355, 365);
mouseW = random(70, 80);
mouseH = random(80, 90);
skin = random(50, 80);
}
I decided to make a variable face of Kirby which is my favorite hero in super smash bros. The variable components for this project are the size of Kirby’s face, eyeball positions, eye sizes and the color of Kirby as well as the background.