Handling deviceorientation for bubbles

[Dias1c]

We can add gravity effect for bubbles if deviceorientation exists. And we can disable it in settings

window.addEventListener("deviceorientation", function (event) {
  const { alpha, beta, gamma } = event;

  console.log("alpha (компас):", alpha); // 0–360° - направление относительно севера
  console.log("beta (наклон вперед-назад):", beta); // -180° (назад) до 180° (вперед)
  console.log("gamma (наклон влево-вправо):", gamma); // -90° (влево) до 90° (вправо)

  if (beta > 10) {
    console.log("Телефон наклонён вперёд");
  } else if (beta < -10) {
    console.log("Телефон наклонён назад");
  }

  if (gamma > 10) {
    console.log("Телефон наклонён вправо");
  } else if (gamma < -10) {
    console.log("Телефон наклонён влево");
  }
  setStates({ alpha, beta, gamma });
});