// Simple beginning template for variable face.
var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 150;
var noseWidth = 15;
var noseHeight = 15;
var mouthWidth = 20;
var mouthHeight = 20;
var eyebrowHeight = 20;
var eyebrowWidth = 40;
var fillFaceR = 200
var fillFaceG = 200
var fillFaceB = 200
var filleyeR = 200
var filleyeG = 200
var filleyeB = 200
var fillMouthR = 200
var fillMouthG = 200
var fillMouthB = 200
var fillBrowR = 200
var fillBrowG = 200
var fillBrowB = 200
var fillHairR = 200
var fillHairG = 200
var fillHairB = 200
function setup() {
createCanvas(640, 480);
}
function draw() {
background(255, 242, 242);
strokeWeight(0);
fill(fillFaceR, fillFaceG, fillFaceB);
ellipse(width / 2, height / 2, faceWidth, faceHeight);
strokeWeight(0);
fill(0);
var eyeLX = width / 2 - faceWidth * 0.25;
var eyeRX = width / 2 + faceWidth * 0.25;
ellipse(eyeLX, height / 2, eyeSize, eyeSize);
ellipse(eyeRX, height / 2, eyeSize, eyeSize);
fill(166, 83, 83)
ellipse(width/2, 250, noseWidth, noseHeight);
//nose
fill(fillMouthR, fillMouthG, fillMouthB);
ellipse(width/2, 280, mouthWidth, mouthHeight);
//mouth function
fill(fillBrowR, fillBrowG, fillBrowB);
var eyebrowLX = width / 2 - faceWidth * 0.5
//Left eyebrow variable thing
var eyebrowRX = width / 2 + faceWidth * 0.52
//Right eyebrow variable thing
rect(eyebrowLX, height / 2 - 20, eyebrowWidth, eyebrowHeight);
//Left Eyebrow
rect(eyebrowRX - 40, height / 2 - 20, eyebrowWidth, eyebrowHeight);
//Right Eyebrow
strokeWeight(0);
fill(fillFaceR, fillFaceG, fillFaceB);
rect(width / 2 - 17, 265, 35, 15)
//this is the rectangle that makes the mouth into a smile
strokeWeight(0);
fill(fillHairR, fillHairG, fillHairB);
ellipse(width / 2, height / 3 + 10, 40, 40)
//this is the hair bun
}
function mousePressed() {
// when the user clicks, these variables are reassigned
// to random values within specified ranges. For example,
// 'faceWidth' gets a random value between 75 and 150.
faceHeight = random(120, 150);
eyeSize = random(10, 30);
noseWidth = random(5, 12);
noseHeight = random(5, 12);
mouthWidth = random(15, 35);
mouthHeight = random(5, 25);
eyebrowHeight = random(6, 20);
eyebrowWidth = random(30, 45);
fillFaceR = random(70, 255);
fillFaceB = random(70, 150);
fillFaceG = random(70, 150);
filleyeR = random(10, 100);
filleyeG = random(10, 100);
filleyeB = random(10, 100);
fillMouthR = random(150, 255);
fillMouthG = random(1, 50);
fillMouthB = random(1, 50);
fillBrowR = random(0, 100);
fillBrowG = random(0, 100);
fillBrowB = random(0, 1255);
fillHairR = random(0, 255);
fillHairG = random(0, 100);
fillHairB = random(0, 255);
}
My main challenges were trying to place the eyebrows correctly, and getting the colors correct. I think starting was also a bit difficult, but once I got use to using global variables a bit more it got easier.