Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup() {
size(400, 400);

}

void draw() {
 frameRate(30);
background(142,213,255);

// Cloud #1
fill(255, 255, 255, 191);
noStroke();
ellipseMode(CENTER);
ellipse(50, 50, 45, 45);

fill(255, 255, 255, 191);
noStroke();
ellipseMode(CENTER);
ellipse(130, 50, 45, 45);

fill(255, 255, 255, 191);
noStroke();
ellipseMode(CENTER);
ellipse(90, 38, 70, 70);

// Cloud #2

fill(255, 255, 255, 191);
noStroke();
ellipseMode(CENTER);
ellipse(290, 60, 30, 30);

fill(255, 255, 255, 191);
noStroke();
ellipseMode(CENTER);
ellipse(350, 60, 30, 30);

fill(255, 255, 255, 191);
noStroke();
ellipseMode(CENTER);
ellipse(320, 50, 50, 50);

// Tall Building

fill(213, 142, 255);
noStroke();
rectMode(CORNERS);
rect(160, 120, 220, 400);

fill(138, 37, 196);
noStroke();
rectMode(CORNERS);
rect(180, 40, 200, 400);

fill(138, 37, 196);
noStroke();
rectMode(CORNERS);
rect(140, 140, 160, 400);

fill(138, 37, 196);
noStroke();
rectMode(CORNERS);
rect(220, 140, 240, 400);

// Short Building

fill(2, 132, 104);
noStroke();
rectMode(CORNERS);
rect(200, 240, 280, 400);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(210, 260, 230, 280);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(210, 300, 230, 320);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(210, 340, 230, 360);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(210, 380, 230, 400);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(250, 260, 270, 280);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(250, 300, 270, 320);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(250, 340, 270, 360);

fill(4, 229, 180);
noStroke();
rectMode(CORNERS);
rect(250, 380, 270, 400);

// Blue Building

fill(0, 110, 214);
noStroke();
rectMode(CORNERS);
rect(280, 100, 360, 400);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 100, 360, 120);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 140, 360, 160);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 180, 360, 200);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 220, 360, 240);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 260, 360, 280);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 300, 360, 320);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 340, 360, 360);

fill(2, 71, 135);
noStroke();
rectMode(CORNERS);
rect(280, 380, 360, 400);

// Pink Building

fill(178, 62,128);
noStroke();
rectMode(CORNERS);
rect(20, 240, 80, 400);

fill(178, 62, 128);
noStroke();
rectMode(CORNERS);
rect(40, 200, 60, 240);

fill(237, 101, 178);
noStroke();
rectMode(CORNERS);
rect(40, 260, 60, 400);

//Yellow Building

fill(239, 206, 95);
noStroke();
rectMode(CORNERS);
rect(80, 160, 140, 400);

fill(242, 180, 55);
noStroke();
rectMode(CORNERS);
rect(100, 160, 120, 400);

fill(242, 180, 55);
noStroke();
triangle(80, 160, 140, 160, 110, 120);

// Rfoot
fill(224, 112, 164);
ellipseMode(CENTER);
ellipse(mouseX-18, mouseY-23, 12, 22);

// Kirby body
fill(255, 165, 207);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+5, mouseY-44, 52, 52);

// Lfoot
fill(224, 112, 164);
ellipseMode(CENTER);
ellipse(mouseX+27, mouseY-23, 22, 12);

// mouth
fill(0);
stroke(224, 112, 164);
ellipseMode(CENTER);
ellipse(mouseX+17, mouseY-39, 7, 7);

fill(255, 165, 207);
noStroke();
rectMode(CENTER);
rect(mouseX+17, mouseY-42, 7, 4);

// Kirby Eyes
fill(0);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+10, mouseY-49, 5, 10);

fill(0);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+25, mouseY-49, 5, 10);

fill(255);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+12, mouseY-51, 3, 3);

fill(255);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+27, mouseY-51, 3, 3);

// Star Body
fill(255, 247, 142);
noStroke();
rectMode(CENTER);
rect(mouseX, mouseY, 40, 35);

//Star Points
  // straight vertical star point
fill(255, 247, 142);
noStroke();
triangle(mouseX-18, mouseY-17, mouseX+18, mouseY-17, mouseX, mouseY-50);

  //Star "arms"
fill(255, 247, 142);
noStroke();
triangle(mouseX-19, mouseY-17, mouseX-50, mouseY-17, mouseX-19, mouseY+10);

fill(255, 247, 142);
noStroke();
triangle(mouseX+19, mouseY-17, mouseX+50, mouseY-17, mouseX+19, mouseY+10);

  //Star "legs"
fill(255, 247, 142);
noStroke();
triangle(mouseX+22, mouseY+8, mouseX-5, mouseY+18, mouseX+40, mouseY+50);

fill(255, 247, 142);
noStroke();
triangle(mouseX-22, mouseY+8, mouseX+5, mouseY+18, mouseX-40, mouseY+50);

}

void mousePressed() {
//color change
// GREEN
  frameRate(5);
  // Rfoot
fill(255, 192, 66);
ellipseMode(CENTER);
ellipse(mouseX-18, mouseY-23, 12, 22);

// Kirby body
fill(66, 244, 101);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+5, mouseY-44, 52, 52);

// Lfoot
fill(255, 192, 66);
ellipseMode(CENTER);
ellipse(mouseX+27, mouseY-23, 22, 12);

// mouth
fill(0);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+17, mouseY-39, 7, 7);

fill(66, 244, 101);
noStroke();
rectMode(CENTER);
rect(mouseX+17, mouseY-42, 7, 4);

// Kirby Eyes
fill(0);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+10, mouseY-49, 5, 10);

fill(0);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+25, mouseY-49, 5, 10);

fill(255);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+12, mouseY-51, 3, 3);

fill(255);
noStroke();
ellipseMode(CENTER);
ellipse(mouseX+27, mouseY-51, 3, 3);

// Star Body
fill(255, 247, 142);
noStroke();
rectMode(CENTER);
rect(mouseX, mouseY, 40, 35);

//Star Points
  // straight vertical star point
fill(255, 247, 142);
noStroke();
triangle(mouseX-18, mouseY-17, mouseX+18, mouseY-17, mouseX, mouseY-50);

fill(255, 247, 142);
noStroke();
triangle(mouseX-19, mouseY-17, mouseX-50, mouseY-17, mouseX-19, mouseY+10);

fill(255, 247, 142);
noStroke();
triangle(mouseX+19, mouseY-17, mouseX+50, mouseY-17, mouseX+19, mouseY+10);

  //Star "legs"
fill(255, 247, 142);
noStroke();
triangle(mouseX+22, mouseY+8, mouseX-5, mouseY+18, mouseX+40, mouseY+50);

fill(255, 247, 142);
noStroke();
triangle(mouseX-22, mouseY+8, mouseX+5, mouseY+18, mouseX-40, mouseY+50);

}