//Diana McLaughlin, dmclaugh, Section A
var earWidth = 40
var earHeight = 60
var faceWidth = 300
var faceHeight = 350
var eyeHeight =35
var eyeWidth = 35
var pupil = 15
var browlx = 242
var browy =175
var browlx2 = 277
var browy2 = 180
var browrx = 367
var browrx2 = 402
var mouthWidth = 90
var mouthHeight = 30
var nose =35
function setup() {
createCanvas(640, 480);
background(220);
text("p5.js vers 0.9.0 test.", 10, 15);
}
function draw() {
background(0, 0, 255);
fill(0, 200, 0);
ellipse((width/2 - faceWidth/2), (height/2), earWidth, earHeight); //left ear
ellipse((width/2 + faceWidth/2), (height/2), earWidth, earHeight); //right ear
ellipse((width/2), (height/2), faceWidth, faceHeight); //head
fill(255);
ellipse((width/2 - 60), (height/2 - 30), eyeHeight, eyeWidth);
ellipse((width/2 + 60), (height/2 - 30), eyeHeight, eyeWidth);
fill(1);
circle((width/2 - 60), (height/2 - 30), pupil);
circle((width/2 + 60), (height/2 - 30), pupil); //eyes
line(browlx, browy, browlx2, browy2);
line(browrx, browy2, browrx2, browy); //eyebrows
fill(255, 0, 0);
ellipse((width/2), (height*.67), mouthWidth, mouthHeight); //mouth
fill(200, 0, 150);
circle((width/2), (height/2), nose); //nose
}
function mousePressed() {
earWidth = random(25, 80);
earHeight = random(25, 100);
faceWidth = random(200, 450);
faceHeight = random(200, 450);
eyeHight = random(20, 55);
eyeWidth = random(20, 55);
pupil = random(5, 25);
browy = random(165, 185);
browy2 = random(165, 185);
mouthWidth = random(50, 110);
mouthHeight = random(20, 45);
nose = random(20, 40);
}
Project 02 – Variable Face
I made this out of curiosity: I wondered what certain aspects of the face would look like with different parameters, and messed around with them until I got this. The ears were the most interesting part to work on; I enjoyed working the variables and trying to get them go move with the face shape