// bles: defined in coreToolkit.js

  for (let ble of bles) {

    ble.setup();

    ble.onConnect = function (uuid) {

      console.log('onConnect:', uuid);

      document.querySelector(`#status${ble.id}`).innerText = 'ONLINE';

      document.querySelector(`#status${ble.id}`).classList = 'bg-primary text-white'

    }

    ble.onDisconnect = function () {

      document.querySelector(`#status${ble.id}`).innerText = 'OFFLINE';

      document.querySelector(`#status${ble.id}`).classList = 'bg-secondary text-white'

    }

    ble.gotAcc = function (acc) {

      document.querySelector(`#acc${ble.id}`).innerText = `${acc.x.toFixed(2)}`;

    }

    ble.gotQuat = function (quat) {

      document.querySelector(`#quat${ble.id}`).innerText = `${quat.w.toFixed(2)}`;

    }

    ble.gotStride = function (stride) {

      document.querySelector(`#stride${ble.id}`).innerText = `${stride.x.toFixed(2)}`;

    }

​

    buildCoreToolkit(document.querySelector('#toolkit_placeholder'),

      `0${ble.id + 1}`,

      ble.id);

  }

   if (window.name != "ORPHE-CORE") {

    let new_win = window.open(document.URL, "ORPHE-CORE", "width=500px");

    document.querySelector('body').hidden = true;

    //noLoop();

  }

}

​

​

function setup() {

  let canvas = createCanvas(document.querySelector('#canvas_placeholder').clientWidth, 400);

  canvas.parent('#canvas_placeholder');

}

​

function draw() {

  background(220);

  text('Hello p5js and CoreToolkit.js', 20,20);

}