​

var client = mqtt.connect(

  "wss://group20:Rr4yk0b8ovOLvR8B@group20.cloud.shiftr.io"

);

​

function setup() {

  createCanvas(window.innerWidth, window.innerHeight, WEBGL);

  background(100);

}

​

function draw() {

  if(millis()%1000 > 900){

    hydra = new Hydra({

      canvas: document.getElementById("myCanvas"),

    });

​

    setResolution(window.innerWidth, window.innerHeight);

​

    let vor = voronoi(5, 0.3, 0.3)

      .color(1, 0.5, 8)

      .brightness(0.15)

      .modulate(noise(6), 0.5)

      .modulateScrollY(osc(millis()%100), 0.1, 0.1)

      .out(o0);

    }

}

​

var clicked = 0;

function mouseClicked() {

  console.log("test");

  clicked++;

}

function Connected() {

  console.log("connected");

  client.subscribe("Pressure", function (err) {});

​

}

​

var maximum = 0.1;

​

// function Message(topic, message) {

//   console.log(topic + " - " + message.toString());

//   // client.end()

//   if(abs(prevMessage - float(message)) > 200){

//     prevMessage = float(message);

//     maximum = max(maximum, map(float(message), 0, 65000, 0, 100));

​

//     hydra = new Hydra({

//       canvas: document.getElementById("myCanvas"),

//     });

​

//     setResolution(window.innerWidth, window.innerHeight);

​

//     let vor = voronoi(5, 0.3, 0.3)

//       .color(1, 0.5, 8)

//       .brightness(0.15)

//       .modulate(noise(6), 0.5)

//       .modulateScrollY(osc(millis()%100), 0.1, 0.1)

//       .out(o0);

//     }

​

// }

​

client.on("connect", Connected);

client.on("message", Message);

​

​

// create a new hydra-synth instance

var hydra = new Hydra({

  canvas: document.getElementById("myCanvas"),

});

​

setResolution(window.innerWidth, window.innerHeight);

​

let vor = voronoi(5, 0.3, 0.3)

  .color(1, 0.5, 8)

  .brightness(0.15)

  .modulate(noise(6), 0.5)

  .modulateScrollY(osc(10), 0.1, 0.1)

  .out(o0);

​