xxxxxxxxxx
93
let yI = 244;
let yII = 252;
function setup() {
createCanvas(600, 600);
}
function draw() {
background(220);
// hat
fill(255);
stroke(0);
ellipseMode(CENTER);
ellipse(200, 60, 50, 50);
fill(165, 68, 56);
ellipse(200, 160, 180, 180);
// hair
fill(84, 41, 19);
triangle(135, 170, 100, 300, 200, 280);
triangle(265, 170, 300, 300, 200, 280);
// head
fill(255, 224, 189);
ellipse(200, 200, 140, 180);
// brows
strokeWeight(2);
line(180, 150, 150, 150);
line(240, 150, 220, 150);
// bang
fill(84, 41, 19);
triangle(250, 120, 200, 105, 275, 200);
// glasses
rectMode(CENTER);
fill(255, 255, 255, 120);
rect(165, 180, 50, 30, 10);
rect(235, 180, 50, 30, 10);
// nose
fill(255, 224, 189);
stroke(153, 134, 109);
triangle(200, 170, 190, 210, 210, 210);
stroke(0);
line(190, 180, 210, 180);
// eyes
fill(255);
ellipse(165, 180, 30, 20);
ellipse(235, 180, 30, 20);
fill(84, 41, 19);
ellipse(165, 182, 15, 15);
ellipse(235, 182, 15, 15);
// lips
fill(80);
noStroke();
rect(200, 244, 37, 7, 2);
fill(253, 208, 228);
stroke(255, 169, 169);
triangle(190, 236, 180, 242, 200, 242);
triangle(210, 236, 200, 242, 220, 242);
triangle(180, 248, 200, 256, 220, 248);
triangle(180, yI, 200, yII, 220, yI);
if (yI && yII) {
yI += 5;
yII += 5;
}
if (yI >= 254 && yII >= 262) {
yI -= 11;
yII -= 11;
}
//speech bubble
fill(255);
noStroke();
rect(270, 450, 480, 200, 75);
triangle(190, 296, 170, 372, 210, 372);
fill(80);
textAlign(LEFT);
textSize(18);
text('For this next project, I would like to construct a video.', 50, 400);
textAlign(LEFT, BOTTOM);
text('As a New Media student, I have experience editing', 50, 430);
textAlign(LEFT, BOTTOM);
text('videos in Premiere and can create animations (like', 50, 460);
text('this one) with code. Maybe I can explore the topic of', 50, 490);
text('code being invisible?... I am open to any other topic!', 50, 520);
}