int startX=360;   //initialize integer variable "startX" to 360
int stopX=0;      //initialize integer variable "stopX" to 0
float x=startX;   //initialize float variable "x" to get "startX"
int y=0;          //initialize integer variable "y" to 0
float step=0.005; //size of each step (0.0 to 1.0)
float pct=0.0;    //Percentage traveled

void setup(){
  size(580,300);   //set canvas size to 580x300
  strokeWeight(5); //set border weight to 5
  smooth();        //make lines smooth
}

void draw(){
  background(99,178,93); //set background to green to simulate field
    stroke(255);         //set shape border color to white
  if(pct<1.0){           //move block-W across field
    x=startX+((stopX-startX)*pct);
    pct+=step;
  }
  if(pct>1.0){           //make block-W move down off field
    y=y+1;    
  }
  fill(99,178,93);     //set rectangle fill to green
  rect(50,50,480,200); //set outer boundary of field
  fill(176,0,200);     //set left endzone fill to purple
  rect(50,50,40,200);  //draw left endzone
  fill(99,178,93);     //set field color to green
  rect(90,50,40,200);  //draw left 10 yard line
  rect(130,50,40,200); //draw left 20 yard line
  rect(170,50,40,200); //draw left 30 yard line
  rect(210,50,40,200); //draw left 40 yard line
  rect(250,50,40,200); //draw 50 yard line
  rect(290,50,40,200); //draw right 40 yard line
  rect(330,50,40,200); //draw right 30 yard line
  rect(370,50,40,200); //draw right 20 yard line
  rect(410,50,40,200); //draw right 10 yard line
  rect(450,50,40,200); //draw right endzone
  fill(176,0,200);     //set right endzone fill to purple
  rect(490,50,40,200); //draw right endzone
  stroke(255,255,0);     //set goal post color to yellow
  line(30,150,50,150);   //draw bottom of left goal post
  line(30,130,30,170);   //draw crossbarr of left goal post
  line(5,130,30,130);    //draw upright 1 of left goal post
  line(5,170,30,170);    //draw upright 2 of left goal post
  line(530,150,550,150); //draw bottom of right goal post
  line(550,130,550,170); //draw crossbar of right goal post
  line(550,130,575,130); //draw upright 1 of right goal post
  line(550,170,575,170); //draw upright 2 of right goal post
  stroke(255);           //set block-W outline to white
  fill(176,0,200);       //set block-W fill to purple
  beginShape();          //start block-W custom shape
  vertex(130+x,50+y);    //vertex 1
  vertex(228+x,50+y);    //vertex 2
  vertex(228+x,85.25+y); //vertex 3
  vertex(203+x,85.25+y); //vertex 4
  vertex(232+x,179.5+y); //vertex 5
  vertex(274+x,50+y);    //vertex 6
  vertex(330+x,50+y);    //vertex 7
  vertex(370+x,179.5+y); //vertex 8
  vertex(396+x,85.25+y); //vertex 9
  vertex(376+x,85.25+y); //vertex 10
  vertex(376+x,50+y);    //vertex 11
  vertex(452+x,50+y);    //vertex 12
  vertex(452+x,85.25+y); //vertex 13
  vertex(432+x,85.25+y); //vertex 14
  vertex(390+x,250+y);   //vertex 15
  vertex(328+x,250+y);   //vertex 16
  vertex(294+x,120.5+y); //vertex 17
  vertex(268+x,250+y);   //vertex 18
  vertex(202+x,250+y);   //vertex 19
  vertex(150+x,85.25+y); //vertex 20
  vertex(130+x,85.25+y); //vertex 21
  endShape(CLOSE);       //end custom shape and close
}