let vals = [];

let plats = [];

let x = 0;

​

function setup() {

  createCanvas(windowWidth, 400);

  x = 0;

  background(255);

  stroke(0);

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

  noStroke();

  text("Test whether mouse is above midline for a sustained period of time.", 10, height-10);

}

​

function draw() {

  // Capture values

  if(x < width) {

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

    x++;

    noStroke();

    fill('black')

    ellipse(x, mouseY, 2, 2);

  }

  else {

    noLoop();

    // Loop through all the values a chunk at a time

    let p = 0;

    plats[p] = {start: null, end: null };

    let started = false;

    // Length of chunk

    let len = 30;

    // Go through all the values by chunk

    for(let v= 0; v < vals.length; v+=len) {

      // Calculate aboveness of a chunk

      let aboveness = 0;

      // In case we run out of values

      let lim = vals.length - v >= len ? len : vals.length - v;

      for(let i = 0; i < lim; i++){

        aboveness+=vals[v+i]/len; // normalize aboveness

      }

      // Test isness threshold

      if(aboveness > 0) {

        // Set start point of plateau

        if(!started){

          plats[p].start = v;

          started = true;

        }

        // The last chunk

        else if(v + len > vals.length) {

          plats[p].end = vals.length-1;

        }

      }

      // Set end point of plateau

      else if(started) {

        plats[p].end = v-1;

        p++;

        plats[p] = {start: null, end: null };

        started = false;

      }

    }

    // Label plateaus

    for(let plat of plats){

      text("s", plat.start, 100);

      text("e", plat.end, 100);

​

    }

    console.log(plats);

  }

}