let height = 400;

let radius = 50;

​

let my_colors;

​

let total_seconds = 0;

let seconds_in_round = 10;

let color_index = 0;

​

let travelled = []

​

function setup() {

  createCanvas(width, height);

  my_colors = [

    color(255, 0, 0),

    color(0, 255, 0),

    color(0, 0, 255),

    color(150, 50, 150)

  ];

}

​

function draw() {

  millis(); // sense you called set up

  let secs = millis() / 1000.0;

  total_seconds += secs;

  color_index  = Math.floor(total_seconds % 4);

//  let  tim += secs;

  if (total_seconds > seconds_in_round) {

    print("YOU WIN")

    total_seconds = 0;

  }

//  if (tim == my_colors.length) {

//      tim -= dt;

//      }

  background(220);

​

  fill(255, 0, 0);

  circle(width-radius, height-radius, radius);

  fill(0, 255, 0);

  circle(radius, radius, radius);

​

  fill(0, 0, 255);

  circle(width-radius, radius, radius);

​

  fill(150, 50, 150);

  circle(radius, height-radius, radius);

​

  fill(my_colors[color_index]);

  circle(mouseX, mouseY, radius);

  travelled.push({

    c: color_index,

    x: mouseX, 

    y: mouseY, 

    r: radius

  })

  for(var i =0; i < travelled.length; i++) {

    var oldPoint = travelled[i];

      fill(my_colors[oldPoint.c]);

      circle(oldPoint.x, oldPoint.y, oldPoint.r);

  }

}

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​