let counter = 0;

let grassDay;

let grassNight;

let skyDay;

let skyNight;

let lerpVal = 0;

let lerpSpeed = 1/240;

​

function setup() {

  createCanvas(400, 400);

  grassDay = color(96, 255, 64);

  grassNight = color(8, 96, 0);

  skyDay = color(96, 192, 255);

  skyNight = color(0, 8, 32);

}

​

function draw() {

  //  Set lerp value

  counter = counter + 1;

  lerpVal = lerpVal + lerpSpeed;

  if(counter == 240 || counter == 600) {

    lerpSpeed = 0;

  } else if(counter == 360) {

    lerpSpeed = -1/240;

  } else if(counter == 720) {

    lerpSpeed = 1/240;

    counter = 0;

  }

  //  Sky

  let skyColor = lerpColor(skyNight, skyDay, lerpVal);

  background(skyColor);

  //  Sun

  fill(220, 220, 16);

  stroke(196, 196, 0);

  let sunY = lerp(350, 100, lerpVal);

  ellipse(width/2, sunY, 100);

​

  //  Grass

  let grassColor = lerpColor(grassNight, grassDay, lerpVal); 

  fill(grassColor);

  stroke(16, 128, 8);

  strokeWeight(4);

  rect(-5, 300,width+10,height/2+5);

​

}