var squaremov = 0;

var increment = 2;

​

function setup() {

  createCanvas(400, 400);

  frameRate(30);

  frt = frameRate()

}

​

function draw() {

  background("yellow");

  frt = floor(frameRate());

  text(frt, 50, 50);

  console.log(frameRate());

//||||||||||||||||||||||||||||||||||||||||||||||||||

//square

  squaremov = squaremov + increment;

  square(175, squaremov, 50);

  fill("pink");

  strokeWeight(0);

​

  if (squaremov > 350) {

    increment = -2;

  } else if (squaremov < 0) {

    increment = 2;

  }

//||||||||||||||||||||||||||||||||||||||||||||||||||

//keyboard controls

  if (keyIsPressed) {

    if (keyCode == UP_ARROW) {

      frameRate(frt + 1);

    } else if (keyCode == DOWN_ARROW) {

      frameRate(frt - 1);

    }

  }

}

​