🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Newly Available» c 2023-09-18.

Эти события позволяют отслеживать физическое движение и ориентацию устройства — например, чтобы делать игры или интерактивные приложения. Они передают данные о углах наклона, ускорении и вращении, что помогает понять, как смартфон или планшет меняется в пространстве.

Пример базовой обработки события DeviceOrientation:

window.addEventListener('deviceorientation', (event) => {
  const { alpha, beta, gamma } = event;
  console.log(`Поворот по оси Y: ${alpha}, по оси X: ${beta}, по оси Z: ${gamma}`);
});

Обратите внимание, что координаты могут отличаться в зависимости от платформы или устройства, поэтому стоит учитывать это при разработке.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.