let vals = [];

let x;

let pd, d;

​

function setup() {

  createCanvas(windowWidth, 400);

  reset();

}

​

function reset(){

      x = 0;

    background(255);

    stroke(0);

    line(0, height/2, width, height/2);

    noStroke();

}

​

function draw() {

  if(x < width) {

    h.push(mouseY);

    vals.push(mouseY < height/2 ? 1 : -1);

    x++;

  // if(x > width) {

  //   reset();

  // }

  noStroke();

  fill('black')

  ellipse(x, mouseY, 2, 2);

  if(vals.length > 120) vals.shift();

  let avg = 0;

  for(let val of vals) {

    avg += val;

  }

  avg/=vals.length;

  fill('red')

  ellipse(x, avg, 2, 2);

  d = 0;

  let pval;

  for(let v = vals.length-1; v > vals.length-10; v--){

    let val = vals[v];

    if(pval){

     d+=abs(val-pval);   

   }

   d/=10;

   pval = val;

 }

  stroke('green');

  if(pd) line(x, d, x, pd);

  pd = d;

​

  console.log(avg < height/2 && d < height/4 ? "YES" : "NO");

  }

}