<script
  src="https://cdn.jsdelivr.net/npm/p5-phone@1.12.1/dist/p5-phone.min.js">
</script>

function setup() {
  createCanvas(windowWidth, windowHeight);
  lockGestures();
  enableGyroTap('Tap to enable motion sensors');
}

function draw() {
  background(245);
  textAlign(CENTER, CENTER);

  if (window.sensorsEnabled) {
    circle(width / 2 + rotationY * 3, height / 2 + rotationX * 3, 60);
  } else {
    text('Tap to enable motion sensors', width / 2, height / 2);
  }
}

if (window.sensorsEnabled) {
  circle(width / 2 + rotationY * 3, height / 2 + rotationX * 3, 60);
}

if (window.micEnabled) {
  let level = mic.getLevel();
  circle(width / 2, height / 2, level * 500);
}

function mousePressed() {
  if (window.soundEnabled) {
    mySound.play();
  }
  return false;
}

if (window.nfcEnabled) {
  if (isNfcTag('shirt')) {
    drawShirtEffect();
  }
}

function setup() {
  bleSetup({
    characteristics: [
      { name: 'temp', type: 'float', notify: true }
    ]
  });
  enableBleTap();
}

function bleReceive(name, value) {
  debug(name + ' = ' + value);
}

function mousePressed() {
  if (window.vibrationEnabled) {
    vibrate(50);
  }
  return false;
}

if (cam.ready) {
  cam.draw();
}

enablePermissionsTap(['sensors', 'mic'], 'Tap to enable motion + microphone');

if (window.sensorsEnabled && window.micEnabled) {
  circle(
    width / 2 + rotationY * 3,
    height / 2 + rotationX * 3,
    80 + mic.getLevel() * 400
  );
}