//Will only take a few seconds...

​

var timer = 0;

​

function setup() {

  createCanvas(1920, 1080);

  setTimeout(function () {

    alert("Instructions! (click OK or press the Enter key to continue)");

  }, 1);

  setTimeout(function () {

    alert(

      "Drag the middle border below to very left (when this tutorial ends) ..."

    );

  }, 2);

  setTimeout(function () {

    alert(

      "... and press control +/- to zoom in/out until it fit's for you ..."

    );

  }, 2);

  setTimeout(function () {

    alert("... and most importantly...");

  }, 3);

  setTimeout(function () {

    alert("↘↘↘SEARCH HERE↘↘↘");

  }, 4);

  setTimeout(function () {

    alert(

      "oh yeah and ignore all the numbers in the console, it's just the frame rate. Plus, if you want to see the frame rate either drag the border back and look into the console or tap outside the Bing web page (double click) and press the spacebar :)"

    );

  }, 5);

}

​

function keyTyped() {

  if (keyCode == 32) {

    alert("The current frame rate is ");

    alert(frameRate());

  }

}

​

function timerfunction() {

  if (timer > 90) {

    console.log(frameRate());

    timer = 0;

  }

}

​

function draw() {

  timer++;

  timerfunction();

}

​