Wat is een gyroscoop?

Een gyroscoop is een kleine sensor in je telefoon, tablet of laptop die rotatie rond drie assen meet. In combinatie met de accelerometer en magnetometer vertelt het de apparaat in welke richting het is gekanteld, hoe snel het draait en in welke richting het wijst. Deze gegevens maken schermrotatie, augmented reality, racegames, panoramafoto's, stappentelling en beeldstabilisatie mogelijk.

Moderne apparaten stellen deze informatie beschikbaar aan webbrowsers via de DeviceOrientationEvent API. De browser rapporteert drie hoeken — alpha, beta en gamma — die samen de oriëntatie van het apparaat in 3D-ruimte ten opzichte van de aarde beschrijven.

Alpha, beta en gamma begrijpen

De drie oriëntatie-hoeken beschrijven elk rotatie rond een ander as:

  • Alpha (0–360°) — Rotatie rond de Z-as (verticaal). Stel je voor dat je het apparaat plat op een tafel draait; alpha is de kompasachtige richting.
  • Beta (-180–180°) — Rotatie rond de X-as (links-naar-rechts). Dit is de voor-naar-achter kanteling, zoals het apparaat naar je toe of van je af knikken.
  • Gamma (-90–90°) — Rotatie rond de Y-as (boven-naar-beneden). Dit is de links-naar-rechts kanteling, zoals het apparaat zijwaarts kantelen.

Gereedschapbeschrijving

Dit gereedschap leest live oriëntatie-gegevens van de gyroscoop van je apparaat en geeft deze weer als een 3D-model dat je beweging in real-time weerspiegelt. Het toont ook de onbewerkte alpha-, beta- en gamma-waarden in graden, zodat je kunt verifiëren dat de sensor correct werkt en nauwkeurige aflezingen produceert.

Voorbeelden

Apparaatpositie Alpha Beta Gamma
Plat liggend, scherm omhoog, bovenkant naar N 0° 0° 0°
Rechtop gehouden in portretmodus 0° 90° 0°
Rechterrand omlaag gekanteld (landschap) 0° 0° 90°
180° gedraaid plat, scherm nog steeds omhoog 180° 0° 0°

Functies

  • Live 3D-model dat synchroon met je apparaat roteert
  • Real-time alpha-, beta- en gamma-aflezingen in graden
  • Detecteert of de browser de oriëntatie-API ondersteunt
  • Verwerkt iOS-machtigingsprompts voor bewegingstoegang
  • Toont of de oriëntatie-gegevens absoluut (gerelateerd aan aarde) of relatief zijn

Gebruiksscenario's

  • Een defecte sensor diagnosticeren — Controleer of de gyroscoop van je telefoon correct werkt voordat je deze ter reparatie instuurt of retourneert.
  • Webtoepassingen testen die beweging gebruiken — Ontwikkelaars die AR-ervaringen, bewegingsgestuurde games of VR-voorbeelden bouwen, kunnen sensorinvoer rechtstreeks in de browser valideren.
  • Kalibratie controleren — Bevestig dat oriëntatie-waarden teruggaan naar nul wanneer het apparaat plat ligt, zodat je drift of miscalibratie kunt opsporen.

Hoe het werkt

Het gereedschap abonneert zich op de deviceorientation-gebeurtenis van de browser, die wordt geactiveerd wanneer de oriëntatie van je apparaat verandert. Elke gebeurtenis geeft de huidige alpha-, beta- en gamma-waarden. Het 3D-model gebruikt Three.js om deze hoeken om te zetten in een quaternion-rotatie, toegepast met vloeiende interpolatie op elk animatieframe om jitter te voorkomen.

Beperkingen

  • Vereist een apparaat met een ingebouwde gyroscoop (de meeste desktops en veel laptops hebben er geen)
  • iOS Safari vereist expliciete toestemming via een gebruikersgebaar voordat sensorgegevens worden gedeeld
  • Vereist een beveiligde context (HTTPS) op de meeste moderne browsers
  • Sommige browsers rapporteren oriëntatie alleen wanneer de pagina op de voorgrond staat

Tips

  • Als aflezingen op nul blijven, heeft je apparaat waarschijnlijk geen gyroscoop of blokkeert de browser de toegang
  • Op iOS tik je op de knop "Beweging inschakelen" nadat de pagina is geladen — toestemming kan niet automatisch worden verleend
  • Leg het apparaat plat op een stabiel oppervlak om basiswaarden te bevestigen voordat je kantelingen test