// <script crossorigin="anonymous" src="https://unpkg.com/mqtt/dist/mqtt.min.js"></script>

// XXXX

​

var client;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  client = mqtt.connect("wss://public:public@public.cloud.shiftr.io", {

    clientId: "p5jsids",

  });

​

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

    console.log("connected!");

    client.subscribe("/carshareesp32");

  });

​

  client.on("message", function (topic, message) {

    print(topic + ": " + message);

  });

  textSize(30);

}

​

var lightIsOn = false;

var mouseIsPressedOld = false;

​

function draw() {

  if (mouseIsPressed == true && mouseIsPressedOld == false) {

    lightIsOn = !lightIsOn;

    if (lightIsOn) {

      client.publish("/carsharep5js", "on");

    } else {

      client.publish("/carsharep5js", "off");

    }

  }

  mouseIsPressedOld = mouseIsPressed;

​

  if (lightIsOn) {

    background(0, 0, 255);

  } else {

    background(100);

  }

  text("Click to turn on led", 100, 100);

}

​

function keyPressed() {}

​