let rectY;

​

function setup() {

  createCanvas(500, 400);

  rectX = 0;

  rectY = 0;

  stroke(0);

}

function draw() {

  background(255, 0, 0);

}

function draw() {

  rectX = rectX + 5;

​

  fill(255, 0, 0); //top red

  rect(0, 50, 500, 75);

​

  fill(255, 0, 0); //bottom red

  rect(0, 275, 500, 75);

​

  fill(0, 0, 255); //top thin blue

  //rect(rectX - 50, rectY + 80, 20, 20);

​

  fill(0, 0, 255); //blue 1st left

  rect(75, height / 2 - 25, 100, 50);

​

  fill(0, 0, 255); //blue 3

  rect(325, height / 2 - 25, 100, 50);

​

  fill(255); //draws bg stripes

  rect(rectX - 50, rectY, 5, 400);

​

  fill(0, 0, 255); //blue 2

  rect(200, height / 2 - 25, 100, 50);

​

 if (rectX > 250) {

​

    fill(255, 0, 0); //blue 2 turns red

    rect(200, height / 2 - 25, 100, 50);

​

    fill(0);

    circle(250, 200, 10);}

  if (rectX > 1200 ) {

   background(255);

  }

   if (rectX > 2000) {

     rectX=600; 

     rectX = rectX-5; 

  fill(255, 0, 0); //top red

  rect(0, 50, 500, 75);

​

  fill(255, 0, 0); //bottom red

  rect(0, 275, 500, 75);

​

  fill(0, 0, 255); //top thin blue

  //rect(rectX - 50, rectY + 80, 20, 20);

​

  fill(0, 0, 255); //blue 1st left

  rect(75, height / 2 - 25, 100, 50);

​

  fill(0, 0, 255); //blue 3

  rect(325, height / 2 - 25, 100, 50);

​

  fill(255); //draws bg stripes

  rect(rectX , rectY, 5, 400);

​

  fill(0, 0, 255); //blue 2

  rect(200, height / 2 - 25, 100, 50);

  }

}

​