​

let deltaX = 0;

let deltaY = 0;

​

function setup() { 

  createCanvas(400,430);

  circle.x = width/2;

  circle.y = height/2;

} 

​

function draw() { 

  background(220,10,50);

  fill(0,50,255);

  ellipse(circle.x + deltaX,circle.y + deltaY,circle.diam,circle.diam);

//   // move left

//   deltaX--;

//   // move right

//   deltaX++;

//   //speed increase!

//   deltaX *= 10;

//   deltaY *= 10;

  // move to each of the four corners sequencially using frameCount as a timer

  if (frameCount<200) {

    deltaX ++;

    deltaY --;

  }

  if (frameCount > 200 && frameCount < 600) {

    deltaX --;

    deltaY ++;

  }

  if (frameCount > 600 && frameCount < 1000) {

    deltaY --;

  }

  if (frameCount > 1000 && frameCount < 1400) {

    deltaX ++;

    deltaY ++;

  }

  //bring us home!

  if (frameCount > 1400 && deltaX > 0) {

    deltaX --;

  }

  if (frameCount > 1400 && deltaX<0) {

    deltaX ++;

  }

  if (frameCount > 1400 && deltaY >0) {

    deltaY --;

  }

  if (frameCount > 1400 && deltaY <0) {

    deltaY ++;

  }

}