Phát hiện định hướng thiết bị

window.addEventListener("deviceorientation", handleOrientation);

window.addEventListener("deviceorientation", (event) => {
  // alpha: độ xoay quanh trục z
  const compass = Math.round(event.alpha);
  // beta: độ nghiêng trước/sau
  const tilt = Math.round(event.beta);
  // gamma: độ nghiêng trái/phải
  const lean = Math.round(event.gamma);

  document.getElementById("compass").textContent = `Compass: ${compass}°`;
  document.getElementById("tilt").textContent = `Tilt: ${tilt}°`;
  document.getElementById("lean").textContent = `Lean: ${lean}°`;
});

window.addEventListener("devicemotion", (event) => {
  const acc = event.acceleration;
  const accWithGravity = event.accelerationIncludingGravity;
  const rotation = event.rotationRate;

  if (acc) {
    console.log(`Acceleration: x=${acc.x}, y=${acc.y}, z=${acc.z}`);
  }
  if (accWithGravity) {
    console.log(
      `With gravity: x=${accWithGravity.x}, y=${accWithGravity.y}, z=${accWithGravity.z}`,
    );
  }
  if (rotation) {
    console.log(
      `Rotation: alpha=${rotation.alpha}, beta=${rotation.beta}, gamma=${rotation.gamma}`,
    );
  }
});