let blokdotsIsConnected = false;

let buttonHasBeenPressed = false;

let potiVal = 0;

​

function setup() {

  createCanvas(400, 400);

  socket = io("http://localhost:8777/blokdots"); 

​

  socket.on("connect", function () {

    blokdotsIsConnected = true;

  });

  socket.on("disconnect", function () {

    blokdotsIsConnected = false;

  });

  socket.on("blokdots", function (data) {

    if( data.msg == "buttonPress" ){

      buttonHasBeenPressed = true;

    }

    if( data.msg == "poti" ){

       potiVal = data.val;

    } 

  });

}

​

function draw() {

  background(220);

  if( blokdotsIsConnected ){

    fill("green")

  }else{

    fill("red")

  }

  let posY = 10;

  if( buttonHasBeenPressed ){

    posY = 100

  }

  rect( 10, posY, potiVal, 50 );

}