xxxxxxxxxx
143
let a, b, c;
function setup() {
createCanvas(400, 600);
}
function draw() {
background(240);
noStroke();
fill(227,251,255);
rect(0, 0, 400, 300);
fill(20,100,145);
rect(0, 300, 400, 100);
fill(255,242,227);
rect(0, 400, 400, 400);
hong();
kevin();
erin();
//console.log(mouseX-200,mouseY-200);
}
function hong(){
push();
translate(185, 0);
noStroke();
rectMode(CORNER);
fill(255,220,200);
rect(10, 100, 50, 40);
arc(10, 140, 100, 100, 0, 90);
rect(10, 50, -40, 100);
arc(10, 150, 80, 80, 90, 180);
angleMode(DEGREES);
fill(0);
arc(0, 100, 120, 120, 270, 0);
arc(0, 40, 120, 120, 90, 180);
rectMode(RADIUS);
rect(-30, 130, 20, 20, 10);
rect(20, 130, 20, 20, 10);
stroke(0);
strokeWeight(5);
noFill();
line(-30, 125, 20, 125);
arc(0, 190, 50, 50, 260, 290);
pop();
}
function erin(){
push();
translate(200, 200);
noStroke();
erinScales(0, 240, 210);
erinScales(-40, 240, 230);
erinScales(40, 240, 200);
erinScales(-20, 220, 200);
erinScales(20, 220, 230);
erinScales(0, 200, 220);
erinScales(-40, 200, 200);
erinScales(40, 200, 230);
erinScales(-20, 180, 220);
erinScales(20, 180, 200);
erinScales(-60, 180, 230);
erinScales(60, 180, 230);
erinScales(0, 160, 230);
erinScales(-40, 160, 200);
erinScales(40, 160, 220);
rectMode(RADIUS);
fill(255,220,200);
rect(0, 80, 60, 80);
arc(-60, 40, 80, 80, 180, 270);
arc(60, 40, 80, 80, 270, 360);
fill(255);
rect(0, 150, 60, 10);
fill(255,220,200);
rectMode(CORNER);
rect(-60, 40, -40, 170);
rect(60, 40, 40, 170);
circle(-80,210,40);
circle(80,210,40);
stroke(250,210,200);
strokeWeight(5);
line(0, 120, 0, 125);
pop();
}
function erinScales(a, b, c){
push();
stroke(255);
strokeWeight(5);
fill(255,200, c);
circle(a, b, 40)
pop();
}
function kevin(){
push();
translate(200, 420);
stroke(0);
strokeWeight(10);
line(-30,0,-30,150);
line(30,0,30,150);
strokeWeight(25);
line(-60, 150, -30, 150);
line(40, 150, 10, 150);
pop();
}