float x=0; 
float y=0;
float x1=0;//migiugoki
float x2=0;//hidariugoki
float a=0;//loopseigyo
float b=0;//dennti

void setup() {
  colorMode(HSB, 360, 100, 100, 100);
  size(500, 500);
  noStroke();
  smooth(60);
}

void draw() {
  a+=5;
  x+=5;
  b++;
  haikei(x, 0);
  fukidasi(200, 415);
  robotface(70, 460);

  if (a<400) {
    robot1(x, y);
    if (x>400) {
      x=0;
    }
    robot2(x, y);
    boff(x, y);
  } 
  else {
    x+=5;
    robot1(x, y);
    noLoop();
    a=0;
    robot2(x, y);
    bon(x, y);
    dennti(170, 275);
  }
}

void mousePressed() {
  if (mouseX>=350&&mouseX<=440&&mouseY>=400&&mouseY<=500) {
    loop();
  }
}


void haikei(float x, float y) {
  rectMode(CORNER);
  noStroke();
  background(175, 23, 88);
  fill(214, 21, 61);
  rect(0, 20, width, 60);//usirokabe
  rect(0, 320, width, 200);
  rect(300, 150, 250, 30);
  fill(214, 0, 99, 35);
  rect(0, 320, width, 60);
  rect(300, 150, 250, 10);
  fill(214, 0, 57, 80);
  rect(0, 380, width, 25);
  stroke(214, 0, 15);
  strokeWeight(2);
  line(0, 380, 500, 380);
  line(0, 387, 500, 387);
  line(0, 398, 500, 398);
  line(0, 405, 500, 405);//konnbea
  line(480, 8, 480, 80);//hasigo
  line(460, 8, 460, 80);
  line(460, 25, 480, 25);
  line(460, 40, 480, 40);
  line(460, 55, 480, 55);
  line(460, 70, 480, 70);
  line(0, 10, width, 10);
  x1++;
  x2--;
  for (float i=0; i<width; i++) {
    fill(214, 34, 20);
    rect(i*35+x1-15000, 380, 7, 7, 2);
    rect(i*35+x2, 398, 7, 7, 2);
    line(i*35+x1-15001, 321, i*35+x1-15000, 379);//konbea ugoku
    line(i*10, 10, i*10, 20);//hasigo
  }
  pushMatrix();
  translate(250, 240);
  scale(0.4);
  translate(0, -500);
  scale(0.8);
  robotnasi(0, 0);
  robotnasi(400, 0);
  robotnasi(800, 0);
  robotnasi(1200, 0);
  popMatrix();//usirorobo
  noStroke();
  fill(175, 23, 88, 50);
  rect(250, 100, width, 200);
  stroke(175, 23, 32);
  strokeWeight(10);
  line(170, 0, 170, 164);//migi
  line(70, 0, 70, 100);//hidari
  stroke(175, 0, 42);
  line(140, 165, 200, 165);
  line(140, 165, 140, 180);
  line(200, 165, 200, 180);//migi
  line(70, 100, 50, 120);
  line(70, 100, 90, 120);
  line(50, 120, 60, 130);
  line(90, 120, 80, 130);//hidari
  rectMode(CORNER);
  noStroke();//koujouarm
}
void robot(float x, float y) {
  robotnasi(x, y);
  pushMatrix();
  translate(250, 240);
  scale(0.4);
  //eye
  fill(180, 100, 100, 60);
  ellipse(x-15, y, 15, 50);
  ellipse(x+15, y, 15, 50);
  fill(180, 100, 100, 75);
  ellipse(x-15, y, 12, 40);
  ellipse(x+15, y, 12, 40);
  fill(180, 100, 100);
  ellipse(x-15, y, 8, 30);
  ellipse(x+15, y, 8, 30);
  fill(181, 0, 99);
  ellipse(x+17, y-8, 7, 7);
  ellipse(x-13, y-8, 7, 7);
  popMatrix();
}

void robotnasi(float x, float y) {
  noStroke();
  rectMode(CENTER);
  smooth();
  pushMatrix();
  translate(250, 240);
  scale(0.4);
  //gray
  fill(181, 5, 79);
  rect(x-95, y+110, 25, 90, 30);//arm
  rect(x+95, y+110, 25, 90, 30);
  rect(x-35, y+220, 45, 95, 50);//foot
  rect(x+35, y+220, 45, 95, 50);

  //white
  fill(181, 0, 99);
  ellipse(x-50, y, 20, 40);//ear
  ellipse(x+50, y, 20, 40);
  ellipse(x-50, y-25, 5, 60);
  ellipse(x+50, y-25, 5, 60);
  rect(x, y, 100, 90, 60, 60, 40, 40);//face
  rect(x, y+90, 140, 100, 40, 40, 10, 10);//body
  rect(x, y+160, 130, 40, 10, 10, 40, 40);
  rect(x-90, y+70, 60, 60, 30);//arm
  rect(x+90, y+70, 60, 60, 30);
  ellipse(x+100, y+165, 45, 45);
  ellipse(x-100, y+165, 45, 45);
  ellipse(x+80, y+160, 20, 20);
  ellipse(x-80, y+160, 20, 20);
  rect(x-45, y+280, 80, 40, 90, 50, 10, 10);//feet
  rect(x+45, y+280, 80, 40, 90, 50, 10, 10);

  //shadow
  fill(181, 5, 79, 50);
  rect(x-2, y+3, 90, 80, 60, 60, 40, 40);//face
  rect(x-98, y+77, 40, 40, 20);//arm
  rect(x+83, y+77, 40, 40, 20);
  rect(x-8, y+98, 115, 75, 20);//body
  rect(x-50, y+282, 60, 30, 90, 50, 10, 10);//feet
  rect(x+40, y+282, 60, 30, 90, 50, 10, 10);

  //black
  fill(0);
  rect(x, y, 80, 70, 50);
  rect(x, y+90, 115, 75, 20);

  //light
  fill(181, 0, 99);
  rect(x-90, y+70, 45, 45, 20);
  rect(x+90, y+70, 45, 45, 20);
  rect(x-40, y+278, 60, 30, 90, 50, 10, 10);//feet
  rect(x+50, y+278, 60, 30, 90, 50, 10, 10);
  popMatrix();
}

void robot1(float x, float y) {
  for (float i=0; i<width; i+=10) {
    robotnasi(-19000+x-400+i*40, y);
  }
}

void robot2(float x, float y) {
  for (float i=0; i<width; i+=10) {
    robot(200+x-400+i*40, y);
  }
}

void bon(float x, float y) {
  fill(175, 0, 84);
  ellipse(400, 450, 80, 80);
  fill(359, 99, 99);
  ellipse(400, 450, 60, 60);
  fill(175, 0, 70, 30);
  ellipse(398, 453, 70, 70);
  fill(60, 99, 99);
  triangle(400, 435, 395, 433, 402, 427);
  triangle(400, 435, 405, 437, 398, 443);
  textAlign(CENTER);
  fill(0);
  text("Click here!", 403, 455);
  fill(0, 0, 99, 20);
  ellipse(410, 440, 45, 45);
}

void boff(float x, float y) {
  fill(175, 0, 84);
  ellipse(400, 450, 80, 80);
  fill(141, 99, 99);
  ellipse(400, 450, 60, 60);
  fill(175, 0, 70, 30);
  ellipse(398, 453, 70, 70);
  fill(138, 0, 32, 15);
  ellipse(400, 445, 45, 45);
  textAlign(CENTER);
  fill(0);
  text("ON!", 401, 455);
}

void fukidasi(float x, float y) {
  fill(0, 0, 99);
  rect(x, y, 140, 80, 5);
  triangle(x-30, y+35, x, y+50, x, y+25);
  fill(0);
  text("Click on the red button !", x+53, y+43);
}

void dennti(float x, float y) {
  fill(0, 0, 99);
  rect(x, y, 30, 20, 2);
  rect(x+15, y, 8, 10, 2);
  fill(122, 99, 99);
  triangle(x, y, x-5, y-2, x+2, y-8);
  triangle(x, y, x+5, y+2, x-2, y+8);
}

void robotface(float x, float y) {
  rectMode(CENTER);
  fill(181, 0, 99);
  ellipse(x-50, y, 20, 40);//ear
  rect(x+90, y+18, 30, 10, 10);
  ellipse(x+80, y+30, 40, 40);//hand
  ellipse(x+50, y, 20, 40);
  ellipse(x-50, y-25, 5, 60);
  ellipse(x+50, y-25, 5, 60);
  rect(x, y, 100, 90, 60, 60, 40, 40);
  fill(181, 5, 79, 50);
  rect(x-2, y+3, 90, 80, 60, 60, 40, 40);
  fill(0);
  rect(x, y, 80, 70, 50);//face
  fill(180, 100, 100, 60);
  ellipse(x-15, y, 15, 50);
  fill(180, 100, 100, 75);
  ellipse(x-15, y, 12, 40);
  fill(180, 100, 100);
  ellipse(x-15, y, 8, 30);
  fill(181, 0, 99);
  ellipse(x-13, y-8, 7, 7);
  strokeWeight(5);
  stroke(180, 100, 100, 30);
  line(x+8, y, x+20, y-10);
  line(x+8, y, x+20, y+10);
  strokeWeight(4);
  stroke(180, 100, 100, 50);
  line(x+8, y, x+20, y-10);
  line(x+8, y, x+20, y+10);
  strokeWeight(2);
  stroke(180, 100, 100);
  line(x+8, y, x+20, y-10);
  line(x+8, y, x+20, y+10);//eye
}