xxxxxxxxxx
63
let sldNerves;
function setup() {
createCanvas(200, 200);
smooth();
sldNerves = createSlider(0, 20, 0);
strokeWeight(2);
strokeCap(ROUND);
noStroke();
}
function draw(){
background("#5CA7CB");
let lightBrown = color("#E5A931");
let darkBrown = color("#744D00");
let w = width;
let h = height;
let s = w / 10;
// Ears
stroke(0);
fill(darkBrown);
ellipse(w / 5, h / 2 - 2 * s, s * 3, s * 3);
ellipse(4 * w / 5, h / 2 - 2 * s, s * 3, s * 3);
fill(0);
ellipse(w / 5, h / 2 - 2 * s, s * 2, s * 2);
ellipse(4 * w / 5, h / 2 - 2 * s, s * 2, s * 2);
// Face background
fill(lightBrown);
ellipse(width / 2, height / 2, width * 0.75, height * 0.75);
noStroke();
// Eyes
fill(255);
let nerves = sldNerves.value();
let eyeOffset = randomGaussian(0, nerves);
circle(w / 2 - s, h / 2 - s / 2, s * 3);
circle(w / 2 + s, h / 2 - s / 2, s * 3);
fill(0);
ellipse(w / 2 - 20 + eyeOffset, h / 2, s, s);
ellipse(w / 2 + 20 + eyeOffset, h / 2, s, s);
stroke(0);
// Mouth
fill(0);
ellipse(w / 2, 12.0 * h / 14.8, s / 2, s / 2);
// Nose
fill(darkBrown);
ellipse(w / 2, h / 2 + s * 1.5, s * 3, s * 2);
fill(0);
ellipse(w / 2 - s / 2, h / 2 + s * 2, s / 2, s / 3);
ellipse(w / 2 + s / 2, h / 2 + s * 2, s / 2, s / 3);
}