var host = "192.168.1.173";

var socket; // the websocket

​

var brightnessValue = new uiFloat(100);

​

​

function setup() {

  noStroke();

  noScrolling();

  createCanvas(windowWidth, windowHeight);

  loadGoogleFont("Droid Sans");

  textFont("Droid Sans");

  frameRate(30);

​

  // connect to server:

  socket = new WebSocket("ws://" + host + "/ws");

  // socket connection listener:

  socket.onopen = wsOpen;

  // socket message listener:

  socket.onmessage = readMessage;

}

​

function draw() {

  background(200);

  uiUpdateSimple();

uiContainerStart(30, 30, 150);

  if (uiButton("Turn on").clicked) {

    let jsonMsg = {"seg":[{"id":0,"on":true,"bri":255, "fx":0}]};

    socket.send(JSON.stringify(jsonMsg));

  }

  if (uiButton("Turn off").clicked) {

    let jsonMsg = {"seg":[{"id":0,"on":false}]};

    socket.send(JSON.stringify(jsonMsg));

  }

​

  if (uiScrollbar("Brightness", 0, 255, brightnessValue).clicked) {

    let jsonMsg = {"seg":[{"id":0,"on":true, bri:Math.round(brightnessValue.get())}]}

    socket.send(JSON.stringify(jsonMsg));

  }

   if (uiButton("Test knap").clicked) {

     let jsonMsg = {"seg":[{"id":0,"on":true,"fx": 2}]};

    socket.send(JSON.stringify(jsonMsg));

  }

  uiContainerEnd();

}

​

function readMessage(event) {

  var msg = event.data; // read data from the onmessage event

  print("Got msg:");

  print(msg); // print it

}

​

function keyReleased() {

  if (key == "f") {

    fullScreenToggle();

  }

}

​

function wsOpen()

{

  print("ws open");

}

​