let totalTime;

let s;

let startX;

let startY;

let PosX;

let PosY;

let size;

let flag;

let input;

​

​

function setup() {

  createCanvas(600, 600);

  background(0);

  PosX = 50

  PosY = 50

  size = random(20, 40)

  frameRate(2)

​

  //user can decide the interim

  input = createInput('');

  input.position(400, 578)

  input.size(20, 10);

  fill(250, 250, 250, 150)

  textSize(18)

  textFont('Share Tech Mono')

  text('Please insert your interim : ', 185, 590)

  //text('(s)', 420, 590)

​

  input.value(5)

  //totalTime=5;

​

  savedTime = millis() / 1000;

  // since we've put this inside setup(), millis() stops running once draw() begins 

​

}

​

function draw() {

  totalTime = input.value()

​

  // Calculate how much time has passed

  let passedTime = millis() / 1000 - savedTime;

  //console.log(passedTime > totalTime)

  // Has x seconds passed

  if (passedTime > totalTime) {

​

    print(totalTime + " seconds have passed!");

​

    fill(random(250), 0, random(250), 80);

    noStroke()

    circle(PosX, PosY, size);

    size = random(20, 40)

​

​

    // draw a new circle

    PosX = PosX + passedTime * random(-5, 15)

    PosY = PosY + passedTime * random(0, 10)

    //console.log(PosX,PosY)

    if (PosX < 600 && PosY < 600) {

      circle(PosX, PosY, size);

​

​

      //clear the page when out of range

​

    } else {

      background(0);

      PosX = 50;

      PosY = 50;

      fill(250, 250, 250, 150)

      textSize(18)

      textFont('Share Tech Mono')

      text('Please insert your interim :', 185, 590)

    }

​

    // restart the timer

    savedTime = millis() / 1000;

​

  } else {

​

    //flickering effect

    if (flag == true) {

      fill(random(250), 0, random(250), 80);

      circle(PosX, PosY, size);

      flag = false;

    } else {

      noStroke()

      fill(0, 0, 0, 100);

      circle(PosX, PosY, size);

      flag = true;

    }

  }

​

​

}