Vad är en gyroskop?

En gyroskop är en liten sensor inuti din telefon, surfplatta eller bärbar dator som mäter rotation runt tre axlar. I kombination med accelerometern och magnetometern talar den om för enheten vilken väg den lutar, hur snabbt den roterar och vilken riktning den vetter. Denna data driver skärmens automatiska rotation, förstärkt verklighet, racing-spel, panoramafotografier, stegräkning och bildstabilisering.

Moderna enheter exponerar denna information till webbläsare genom DeviceOrientationEvent API. Webbläsaren rapporterar tre vinklar — alfa, beta och gamma — som tillsammans beskriver enhetens orientering i 3D-rum i förhållande till jorden.

Förstå alfa, beta och gamma

De tre orienteringsvinklarna beskriver var och en rotation runt en annan axel:

  • Alfa (0–360°) — Rotation runt Z-axeln (vertikal). Tänk dig att snurra enheten platt på ett bord; alfa är kompassliknande riktning.
  • Beta (-180–180°) — Rotation runt X-axeln (vänster-till-höger). Detta är fram-till-bak-lutningen, som att nicka enheten mot eller bort från dig.
  • Gamma (-90–90°) — Rotation runt Y-axeln (topp-till-botten). Detta är vänster-till-höger-lutningen, som att tippa enheten åt sidan.

Verktygsbeskrivning

Det här verktyget läser live-orienteringsdata från din enhets gyroskop och renderar det som en 3D-modell som speglar din rörelse i realtid. Det visar också de råa alfa-, beta- och gamma-värdena i grader så att du kan verifiera att sensorn fungerar korrekt och producerar exakta avläsningar.

Exempel

Enhetens position Alfa Beta Gamma
Ligger platt, skärm upp, topp vänd N 0° 0° 0°
Hålls upprätt i porträttläge 0° 90° 0°
Lutad höger kant ner (liggande) 0° 0° 90°
Roterad 180° platt, skärm fortfarande upp 180° 0° 0°

Funktioner

  • Live 3D-modell som roterar synkront med din enhet
  • Realtids alfa-, beta- och gamma-avläsningar i grader
  • Detekterar om webbläsaren stöder orienterings-API
  • Hanterar iOS-behörighetsprompter för rörelseåtkomst
  • Visar om orienteringsdatan är absolut (refererad till jorden) eller relativ

Användningsfall

  • Diagnostisera en felaktig sensor — Verifiera om din telefons gyroskop fungerar korrekt innan du skickar den för reparation eller returnerar den.
  • Testa webbappar som använder rörelse — Utvecklare som bygger AR-upplevelser, rörelsecontrollerade spel eller VR-förhandsvisningar kan validera sensorinmatning direkt i webbläsaren.
  • Kalibreringskontroll — Bekräfta att orienteringsvärden återgår till noll när enheten ligger platt, vilket hjälper dig att upptäcka drift eller felaktig kalibrering.

Hur det fungerar

Verktyget prenumererar på webbläsarens deviceorientation-event, som utlöses när din enhets orientering ändras. Varje event tillhandahåller de aktuella alfa-, beta- och gamma-värdena. 3D-modellen använder Three.js för att konvertera dessa vinklar till en kvaternionrotation, applicerad med smidig interpolation på varje animationsram för att undvika skakningar.

Begränsningar

  • Kräver en enhet med inbyggd gyroskop (de flesta skrivbord och många bärbara datorer har ingen)
  • iOS Safari kräver explicit behörighet via en användargest innan sensordata delas
  • Kräver en säker kontext (HTTPS) på de flesta moderna webbläsare
  • Vissa webbläsare rapporterar orientering endast när sidan är i förgrunden

Tips

  • Om avläsningarna stannar på noll har din enhet förmodligen ingen gyroskop eller webbläsaren blockerar åtkomsten
  • På iOS, tryck på knappen "Aktivera rörelse" efter att sidan har laddats — behörighet kan inte beviljas automatiskt
  • Lägg enheten platt på en stabil yta för att bekräfta basvärden innan du testar lutningar