var quat = {

  x: 0,

  y: 1,

  z: 0,

  w: 0,

};

var mycamera;

function setup() {

  // ORPHE CORE Init

  ble.setup();

  ble.gotQuat = function (_quat) {

    quat = _quat;

  };

  ble.onConnect = function(){

    ble.resetMotionSensorAttitude();

  }

  createCanvas(400, 400, WEBGL);

  mycamera = createCamera();

}

function draw() {

  background(200);

  mycamera.lookAt(0, 0, 0);

  mycamera.setPosition(0, 100, 100);

  const quatr = new toxi.geom.Quaternion(quat.z, -quat.x, quat.y, quat.w);

  let axisAngle = quatr.toAxisAngle();

​

  let r = axisAngle[0];

  let v = createVector(axisAngle[1], axisAngle[2], axisAngle[3]);

  rotate(r, v);

  box(50);

}

​