Hva er et gyroskop?

Et gyroskop er en liten sensor inne i telefonen, nettbrettet eller bærbare datamaskinen din som måler rotasjon rundt tre akser. Kombinert med akselerometeret og magnetometeret, forteller det enheten hvilken vei den er vippet, hvor raskt den roterer, og hvilken retning den vender. Disse dataene driver skjermrotasjon, utvidet virkelighet, racingspill, panoramafoto, skritttelling og bildestabilisering.

Moderne enheter eksponerer denne informasjonen til nettlesere gjennom DeviceOrientationEvent API. Nettleseren rapporterer tre vinkler — alfa, beta og gamma — som sammen beskriver enhetens orientering i 3D-rom i forhold til jorden.

Forstå alfa, beta og gamma

De tre orienteringsvinklene beskriver hver rotasjon rundt en annen akse:

  • Alfa (0–360°) — Rotasjon rundt Z-aksen (vertikal). Tenk på å snurre enheten flatt på et bord; alfa er kompasslignende retning.
  • Beta (-180–180°) — Rotasjon rundt X-aksen (venstre-til-høyre). Dette er front-til-bak-vippingen, som å nikke enheten mot eller bort fra deg.
  • Gamma (-90–90°) — Rotasjon rundt Y-aksen (topp-til-bunn). Dette er venstre-til-høyre-vippingen, som å tippe enheten til siden.

Verktøybeskrivelse

Dette verktøyet leser live orienteringsdata fra enhetens gyroskop og gjengir det som en 3D-modell som speiler bevegelsen din i sanntid. Det viser også de råe alfa-, beta- og gamma-verdiene i grader slik at du kan verifisere at sensoren fungerer korrekt og produserer nøyaktige avlesninger.

Eksempler

Enhetens posisjon Alfa Beta Gamma
Liggende flatt, skjerm opp, topp mot N 0° 0° 0°
Holdt oppreist i portrettmodus 0° 90° 0°
Vippet høyre kant ned (landskap) 0° 0° 90°
Rotert 180° flatt, skjerm fortsatt opp 180° 0° 0°

Funksjoner

  • Live 3D-modell som roterer synkront med enheten din
  • Sanntids alfa-, beta- og gamma-avlesninger i grader
  • Oppdager om nettleseren støtter orienteringen API
  • Håndterer iOS-tillatelsesforespørsler for bevegelsestilgang
  • Viser om orienteringsdataene er absolutte (referert til jorden) eller relative

Brukstilfeller

  • Diagnostiser en defekt sensor — Verifiser om telefonens gyroskop fungerer korrekt før du sender det til reparasjon eller returnerer det.
  • Test nettapper som bruker bevegelse — Utviklere som bygger AR-opplevelser, bevegelseskontrollerte spill eller VR-forhåndsvisninger kan validere sensorinput direkte i nettleseren.
  • Kalibreringskontroll — Bekreft at orienteringsverdiene går tilbake til null når enheten ligger flatt, og hjelp deg med å oppdage drift eller feilkalibrering.

Hvordan det fungerer

Verktøyet abonnerer på nettleserens deviceorientation-hendelse, som utløses når enhetens orientering endres. Hver hendelse gir de nåværende alfa-, beta- og gamma-verdiene. 3D-modellen bruker Three.js til å konvertere disse vinklene til en kvaternion-rotasjon, brukt med jevn interpolasjon på hver animasjonsramme for å unngå flimring.

Begrensninger

  • Krever en enhet med innebygd gyroskop (de fleste stasjonære datamaskiner og mange bærbare datamaskiner har ikke en)
  • iOS Safari krever eksplisitt tillatelse via en brukergest før sensordata deles
  • Krever en sikker kontekst (HTTPS) på de fleste moderne nettlesere
  • Noen nettlesere rapporterer orientering bare når siden er i forgrunnen

Tips

  • Hvis avlesningene forblir på null, har enheten din sannsynligvis ikke gyroskop eller nettleseren blokkerer tilgang
  • På iOS, trykk på "Aktiver bevegelse"-knappen etter at siden lastes inn — tillatelse kan ikke gis automatisk
  • Legg enheten flatt på en stabil overflate for å bekrefte grunnlinjeverdier før du tester vippinger