xxxxxxxxxx
62
/*
self portrait version 3
w interaction
2/28/2022
*/
// global variables
var x = 200;
var y = 200;
var s = 200; // size
var s2 = s / 2;
var s4 = s / 4;
var s5 = s / 5;
var s10 = s / 10;
var s20 = s / 20;
var eyeOffset = 10;
var faceColor = 'plum';
var eyeColor = '#FFC128';
function setup() {
createCanvas(600, 400);
x = width / 2;
}
function mousePressed() {
save('interactive-self-portrait.jpg');
}
function draw() {
background(220);
// x = mouseX;
// y = mouseY;
// face
noStroke();
fill(faceColor);
ellipse(x, y, s);
// eyes
fill(eyeColor);
ellipse(x + s4, y - s10, s5); // left eye
ellipse(x - s4, y - s10, s5); // right eye
fill(faceColor);
ellipse(x + s4 + eyeOffset, y - s10 - eyeOffset, s10); // left eye
ellipse(x - s4 + eyeOffset, y - s10 - eyeOffset, s10); // right eye
// mouth
rectMode(CENTER);
stroke(eyeColor);
noFill();
strokeWeight(s20);
var mouthX = map(mouseX, 0, width, x - 50, x + 50);
rect(mouthX, y + s4, s2, s10, s20);
}