¿Qué es un giroscopio?

Un giroscopio es un pequeño sensor dentro de tu teléfono, tablet u ordenador portátil que mide la rotación alrededor de tres ejes. Combinado con el acelerómetro y el magnetómetro, le indica al dispositivo hacia dónde está inclinado, con qué rapidez está girando y hacia dónde está orientado. Estos datos alimentan la rotación automática de pantalla, la realidad aumentada, juegos de carreras, fotos panorámicas, conteo de pasos y estabilización de imagen.

Los dispositivos modernos exponen esta información a los navegadores web a través de la API DeviceOrientationEvent. El navegador informa tres ángulos — alfa, beta y gamma — que juntos describen la orientación del dispositivo en el espacio 3D relativa a la Tierra.

Entender alfa, beta y gamma

Los tres ángulos de orientación describen cada uno la rotación alrededor de un eje diferente:

  • Alfa (0–360°) — Rotación alrededor del eje Z (vertical). Imagina girar el dispositivo plano sobre una mesa; alfa es la orientación tipo brújula.
  • Beta (-180–180°) — Rotación alrededor del eje X (izquierda-derecha). Esta es la inclinación frontal-trasera, como inclinar el dispositivo hacia ti o alejarlo.
  • Gamma (-90–90°) — Rotación alrededor del eje Y (arriba-abajo). Esta es la inclinación izquierda-derecha, como inclinar el dispositivo hacia un lado.

Descripción de la herramienta

Esta herramienta lee datos de orientación en vivo del giroscopio de tu dispositivo y los renderiza como un modelo 3D que refleja tu movimiento en tiempo real. También muestra los valores brutos de alfa, beta y gamma en grados para que puedas verificar que el sensor funciona correctamente y produce lecturas precisas.

Ejemplos

Posición del dispositivo Alfa Beta Gamma
Plano, pantalla arriba, parte superior hacia N 0° 0° 0°
Sostenido en posición vertical 0° 90° 0°
Inclinado borde derecho hacia abajo (horizontal) 0° 0° 90°
Rotado 180° plano, pantalla aún arriba 180° 0° 0°

Características

  • Modelo 3D en vivo que rota sincronizado con tu dispositivo
  • Lecturas en tiempo real de alfa, beta y gamma en grados
  • Detecta si el navegador admite la API de orientación
  • Maneja solicitudes de permisos en iOS para acceso al movimiento
  • Muestra si los datos de orientación son absolutos (referenciados a la Tierra) o relativos

Casos de uso

  • Diagnosticar un sensor defectuoso — Verifica si el giroscopio de tu teléfono funciona correctamente antes de enviarlo a reparar o devolverlo.
  • Probar aplicaciones web que usan movimiento — Los desarrolladores que crean experiencias de RA, juegos controlados por movimiento o vistas previas de VR pueden validar la entrada del sensor directamente en el navegador.
  • Verificación de calibración — Confirma que los valores de orientación vuelvan a cero cuando el dispositivo está plano, ayudándote a detectar desviaciones o descalibración.

Cómo funciona

La herramienta se suscribe al evento deviceorientation del navegador, que se dispara cada vez que cambia la orientación de tu dispositivo. Cada evento proporciona los valores actuales de alfa, beta y gamma. El modelo 3D utiliza Three.js para convertir estos ángulos en una rotación de cuaternión, aplicada con interpolación suave en cada fotograma de animación para evitar parpadeos.

Limitaciones

  • Requiere un dispositivo con giroscopio integrado (la mayoría de ordenadores de escritorio y muchos portátiles no tienen uno)
  • iOS Safari requiere permiso explícito mediante un gesto del usuario antes de que se compartan los datos del sensor
  • Requiere un contexto seguro (HTTPS) en la mayoría de navegadores modernos
  • Algunos navegadores informan la orientación solo cuando la página está en primer plano

Consejos

  • Si las lecturas permanecen en cero, tu dispositivo probablemente no tiene giroscopio o el navegador está bloqueando el acceso
  • En iOS, toca el botón "Habilitar movimiento" después de que se cargue la página — el permiso no se puede otorgar automáticamente
  • Coloca el dispositivo plano sobre una superficie estable para confirmar los valores de referencia antes de probar inclinaciones