float i;
int j;
int k;
int a;
float direction;

void setup(){

  size(550,300);
  background(255,0,0);

  a=0;
}

void loop(){

  //-------------------- Back Ground Clr Cx
  background(255-i,0+j,255-k);
  i=i+0.01;

  direction = 0.1;

  background(255-i,0+i,255);
  i=i+direction;


// mouse box from bottom

  if(mousePressed){
    fill(255-i+160,255-i+200,255);
    rect(500-i,150,mouseX,mouseY);

  }

  if(i>500-30){
    // i=-30;
    direction=-1;

  }
  if(i<0){
    // i=-30;
    direction=1;
  }

  //--------------------LLL Box

  fill(255-i,255-i,255-j,255-a);
  rect(300-i, 300-j, 100, 100);
  line(300-i,300-j,400-i,400-j);
  line(300-i,300-j,390-i,400-j);
  line(300-i,300-j,380-i,400-j);
  line(300-i,300-j,370-i,400-j);
  line(300-i,300-j,360-i,400-j);
  line(300-i,300-j,350-i,400-j);

  j=j+2;
  //--------------------MMM Box
  rect(j, j, 100, 100);
 // k=k+3;

  //--------------------SSS Box
 //rect(k, k, 55, 55);

  //-------------------- Return 000 sss
  if(j>460){
    j=0;
  }
  if(i>400){
    i=0;
  }
  if(k>200){
    k=0;
  }
  //-------------------- Return 000 eee

  //---------------------------black Base
  fill(10,10,10);
  rect(0,250,300,50);
  //-------------------------- dot Rect Line Lower
  fill(255,255,255);
  rect(20,260,10,10);
  rect(20,280,10,10);
  rect(40,260,10,10);
  rect(40,280,10,10);rect(40,280-mouseY,10,10);
  rect(60,260,10,10); rect(60,260-mouseX,10,10);
  rect(60,280,10,10);
  rect(80,260,10,10);
  rect(80,280,10,10); rect(80,280-mouseY,10,10);
  rect(100,260,10,10);
  rect(100,280,10,10); rect(100,280-mouseX,10,10);
  rect(120,260,10,10);
  rect(120,280,10,10); rect(120,280-mouseX,10,10);
  rect(140,260,10,10);
  rect(140,280,10,10);
  rect(160,260,10,10); rect(160,260-mouseX,10,10);
  rect(160,280,10,10);
  rect(180,260,10,10);
  rect(180,280,10,10);
  rect(200,260,10,10);rect(200,260-mouseY,10,10);
  rect(200,280,10,10);
  rect(220,260,10,10);
  rect(220,280,10,10);
  rect(240,260,10,10);
  rect(240,280,10,10);rect(240,280-mouseY,10,10);
  

 

  //-------------------------- dot Rect Line Upper
 
 
  rect(10*6,10,10,10);
  rect(10*8,10,10,10);
  rect(10*10,10,10,10);
  rect(10*12,10,10,10);
  rect(10*14,10,10,10);
  rect(10*16,10,10,10);
  rect(10*18,10,10,10);
  rect(10*20,10,10,10);
  rect(10*22,10,10,10);
  rect(10*24,10,10,10);
  rect(10*26,10,10,10);
  rect(10*28,10,10,10);
  rect(10*30,10,10,10);
  


 
 

  //-------------------------- cicle Big
  stroke(255,255,255);
  fill(200,255,200);
  ellipseMode(CENTER_DIAMETER);
  ellipse(248, 200, 100, 100);
  //-------------------------- cicle small
  fill(240,255,240);

  ellipseMode(CENTER_DIAMETER);

  ellipse(232,180, 50,50);
  //-------------------------- cicle small

  fill(250,255,250);
  ellipseMode(CENTER_DIAMETER);
  ellipse(225, 175, 25,25);

  //---------------------------Leg
  fill(0,124,0);
  triangle(40,150,60,150,50,250);

  //--------------------------- Horizon
  line(20,150,280,150);

  //---------------------------BOX & slash
  //BOX
  line(50,50,150,50);
  line(50,50,50,150);
  line(150,50,50,150);
  line(150,50,150,150);
  line(50,150,150,150);

  //slash lines lift UP
  line(50,50,150,150);
  line(60,50,150,150);
  line(70,50,150,150);
  line(80,50,150,150);
  line(110,50,150,150);
  line(110,50,150,150);
  line(120,50,150,150);
  line(130,50,150,150);
  line(140,50,150,150);

  //slash lines right UP

  line(60,50,50,150);
  line(70,50,50,150);
  line(80,50,50,150);
  line(90,50,50,150);
  line(120,50,50,150);
  line(130,50,50,150);
  line(140,50,50,150);

}