let lastVal = 0;

let smoothVal = 0;

let minVal = 1023;

let maxVal = 0;

​

function setup() {

  noCanvas();

  port = createSerial();

}

​

function draw() {

  // get our smoothed sensor value as

  // a number between 0.0 and 1.0

  let bright = (smoothVal - minVal) / (maxVal - minVal);

​

  // get the element containing emojis

  let emojis = select('#emojis');

  // we want to put together a string

  // that will be the value of our

  // text-shadow property

  // it should look like this:

  // "10px 10px 3px #333;"

  let val = (50*(1-bright)) + 'px 10px 3px #333';

  console.log(val);

​

  // update the element's CSS property

  emojis.style('text-shadow', val);

​

  let received = port.readUntil("\n");

​

  if (received) {

    //console.log(received);

    lastVal = parseInt(received);

​

    if (99 < lastVal && lastVal < 1024) {

      if (lastVal < minVal) {

        minVal = lastVal;

        //console.log('Saw new minimum value: ', minVal);

      }

      if (lastVal > maxVal) {

        maxVal = lastVal;

        //console.log('Saw new maximum value: ', maxVal);

      }

      // general formula:

      smoothVal = smoothVal * 0.90 + lastVal * 0.10;

    }

  }

}

​

function mousePressed() {

  if (!port.opened()) {

    port.open('Arduino', 9600);

  }

}