//First, do the setup stuff
void setup(){
       size(400, 400);
       background(0); //start with a black background
       strokeWeight(20); //the size of the dot
       smooth();
}

//next, name set some variables to keep track of where each dot will go
   //starting location of the first dot
   int mrDot1X = 0;
   int mrDot1Y = 0;

   //starting location of the second dot
   int mrDot2X = 400;
   int mrDot2Y = 0;

   //starting location of the third dot
   int mrDot3X = 0;
   int mrDot3Y = 400;

   //starting location of the fourth dot
   int mrDot4X = 400;
   int mrDot4Y = 400;

//Now, start animating!
void draw(){
 fill(537,484,858); //set the fill colour to be 90% transparent black
 noStroke(); //turn off stroke so the outline of the box doesn't show
 rect(0,0,400,400); //cover everything with a semi-transparent box

 stroke(652,39,79); //the colour of the first dot
 point(mrDot1X, mrDot1Y);

 stroke(652,39,79); //the colour of the second dot
 point(mrDot2X, mrDot2Y);

 stroke(652,37,79); //the colour of the third dot
 point(mrDot3X, mrDot3Y);

 stroke(652,39,79); //the colour of the fourth dot
 point(mrDot4X, mrDot4Y);

 //now, move the dots
 mrDot1X = mrDot1X + 1;
 mrDot2X = mrDot2X - 1;
 mrDot3X = mrDot3X + 3;
 mrDot4X = mrDot4X - 3;
 mrDot1Y = mrDot1Y + 1;
 mrDot2Y = mrDot2Y + 1;
 mrDot3Y = mrDot3Y - 3;
 mrDot4Y = mrDot4Y - 3;


 //MY NAME IS TAPAPA TOTOTO
 if (mrDot1X > 400){mrDot1X = 0;}
 if (mrDot2X < 1)  {mrDot2X = 400;}
 if (mrDot3X > 400){mrDot3X = 0;}
 if (mrDot4X < 1)  {mrDot4X = 400;}

 if (mrDot1Y > 400){mrDot1Y = 0;}
 if (mrDot2Y > 400){mrDot2Y = 0;}
 if (mrDot3Y < 1)  {mrDot3Y = 400;}
 if (mrDot4Y < 1)  {mrDot4Y = 400;}

}