Co to jest żyroskop?

Żyroskop to mały czujnik wewnątrz telefonu, tabletu lub laptopa, który mierzy obrót wokół trzech osi. W połączeniu z akcelerometrem i magnetometrem informuje urządzenie, w którą stronę jest przechylone, jak szybko się obraca i w którą stronę jest skierowane. Te dane zasilają automatyczne obracanie ekranu, rzeczywistość rozszerzoną, gry wyścigowe, zdjęcia panoramiczne, liczenie kroków i stabilizację obrazu.

Nowoczesne urządzenia udostępniają te informacje przeglądarkom internetowym za pośrednictwem API DeviceOrientationEvent. Przeglądarka raportuje trzy kąty — alfa, beta i gamma — które razem opisują orientację urządzenia w przestrzeni 3D względem Ziemi.

Zrozumienie alfa, beta i gamma

Trzy kąty orientacji opisują obrót wokół innej osi:

  • Alfa (0–360°) — Obrót wokół osi Z (pionowo). Wyobraź sobie obracanie urządzenia płasko na stole; alfa to kierunek podobny do kompasu.
  • Beta (-180–180°) — Obrót wokół osi X (od lewej do prawej). To przechylenie od przodu do tyłu, jak kiwanie urządzeniem w twoją stronę lub od ciebie.
  • Gamma (-90–90°) — Obrót wokół osi Y (od góry do dołu). To przechylenie od lewej do prawej, jak przechylanie urządzenia na bok.

Opis narzędzia

To narzędzie odczytuje dane orientacji na żywo z żyroskopu urządzenia i renderuje je jako model 3D, który odzwierciedla twoje ruchy w czasie rzeczywistym. Wyświetla również surowe wartości alfa, beta i gamma w stopniach, abyś mógł sprawdzić, czy czujnik działa prawidłowo i daje dokładne odczyty.

Przykłady

Pozycja urządzenia Alfa Beta Gamma
Leży płasko, ekran do góry, góra na N 0° 0° 0°
Trzymane pionowo w trybie portretowym 0° 90° 0°
Przechylone prawy brzeg w dół (krajobraz) 0° 0° 90°
Obrócone 180° płasko, ekran wciąż do góry 180° 0° 0°

Funkcje

  • Model 3D na żywo, który obraca się w synchronizacji z twoim urządzeniem
  • Odczyty alfa, beta i gamma w czasie rzeczywistym w stopniach
  • Wykrywa, czy przeglądarka obsługuje API orientacji
  • Obsługuje monity uprawnień iOS dla dostępu do ruchu
  • Pokazuje, czy dane orientacji są bezwzględne (odniesione do Ziemi) czy względne

Przypadki użycia

  • Diagnozowanie uszkodzonego czujnika — Sprawdź, czy żyroskop twojego telefonu działa prawidłowo, zanim wyślesz go do naprawy lub zwrócisz.
  • Testowanie aplikacji internetowych korzystających z ruchu — Deweloperzy tworzący doświadczenia AR, gry sterowane ruchem lub podglądy VR mogą walidować dane czujnika bezpośrednio w przeglądarce.
  • Sprawdzenie kalibracji — Potwierdź, że wartości orientacji wracają do zera, gdy urządzenie leży płasko, pomagając ci wykryć dryft lub błędną kalibrację.

Jak to działa

Narzędzie subskrybuje zdarzenie deviceorientation przeglądarki, które jest wyzwalane za każdym razem, gdy zmienia się orientacja urządzenia. Każde zdarzenie dostarcza bieżące wartości alfa, beta i gamma. Model 3D używa Three.js do konwersji tych kątów na obrót kwaternionowy, zastosowany z gładką interpolacją na każdej klatce animacji, aby uniknąć trzęsienia.

Ograniczenia

  • Wymaga urządzenia z wbudowanym żyroskopem (większość komputerów stacjonarnych i wiele laptopów go nie ma)
  • iOS Safari wymaga wyraźnego pozwolenia za pośrednictwem gestu użytkownika, zanim dane czujnika będą udostępniane
  • Wymaga bezpiecznego kontekstu (HTTPS) w większości nowoczesnych przeglądarek
  • Niektóre przeglądarki raportują orientację tylko wtedy, gdy strona jest na pierwszym planie

Wskazówki

  • Jeśli odczyty pozostają na zero, twoje urządzenie prawdopodobnie nie ma żyroskopu lub przeglądarka blokuje dostęp
  • Na iOS dotknij przycisku „Włącz ruch" po załadowaniu strony — uprawnienie nie może być przyznane automatycznie
  • Połóż urządzenie płasko na stabilnej powierzchni, aby potwierdzić wartości bazowe przed testowaniem przechyleń