Podgląd orientacji urządzenia

Odczytaj dane orientacji z żyroskopu i akcelerometru twojego urządzenia mobilnego w czasie rzeczywistym. Wizualizacja alpha/beta/gamma. Test dla aplikacji webowych. Bezpłatnie.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Jednostki

Projection

Dane wejściowe

4 znaków

Wygładzanie

Cube size

Bg grid Opcja narzędzia

Show axes Opcja narzędzia

Invert x Opcja narzędzia

Invert y Opcja narzędzia

Invert z Opcja narzędzia

Wynik

Ustaw parametry i kliknij „Przetwórz”, aby zobaczyć wynik.

Oceń to narzędzie:

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Podgląd orientacji urządzenia – dane żyroskopu w przeglądarce

DeviceOrientationEvent i DeviceMotionEvent to API przeglądarki umożliwiające odczyt danych z żyroskopu, akcelerometru i magnetometru urządzenia mobilnego. Narzędzie wyświetla aktualne wartości alpha (obrót Z), beta (przód/tył), gamma (lewo/prawo) i przyspieszenia – bez instalacji, prosto z przeglądarki.

orientacja urządzenia DeviceOrientationEvent żyroskop w przeglądarce akcelerometr mobilny

Kąty orientacji – alpha, beta, gamma

alpha (0-360°): obrót wokół osi Z (kompas magnetyczny – odchylenie od Północy). beta (-180° do 180°): pochylenie przód/tył (ekran poziomo = 0°, pionowo trzymany = 90°). gamma (-90° do 90°): pochylenie lewo/prawo. Razem tworzą układ Eulera do opisania pozycji urządzenia w przestrzeni.

DeviceMotionEvent – przyspieszenie

accelerationIncludingGravity: przyspieszenie z grawitacją (m/s²) dla osi x, y, z. acceleration: przyspieszenie bez grawitacji (wymaga sensora gyro). rotationRate: prędkość obrotu (°/s) dla alpha, beta, gamma. interval: częstość próbkowania w ms (typowo 16ms = 60Hz na nowoczesnych urządzeniach).

Zastosowania w aplikacjach webowych

Gry mobilne (tilt controls: sterownie przechylaniem). PWA z kompasem (alpha + magnetometr). Animacje reagujące na pochylenie (parallax 3D). Licznik kroków (akcelerometr + algorytm detekcji kroków). Poziomnica (beta + gamma). Gesty wstrząśnięcia (shake gesture).

Uprawnienia i iOS

iOS 13+: DeviceOrientationEvent wymaga jawnego requestPermission() po interakcji użytkownika. Android Chrome: działa domyślnie. iOS Safari: requestPermission() musi być wywołane w obsłudze zdarzenia (np. onclick). Narzędzie zawiera przycisk "Zezwól na dostęp" dla iOS.

Najczęstsze pytania

Dlaczego dane nie działają na desktopie?

Desktop nie ma żyroskopu ani akcelerometru. DeviceOrientationEvent na PC zwraca null lub stałe zera. Narzędzie wyświetla komunikat o braku sensora. Do testowania: Chrome DevTools → Sensors → Device Orientation (symulacja).

Jak symulować orientację w Chrome?

Chrome DevTools (F12) → Sensors (w menu trzy kropki lub Escape) → Device Orientation: możesz ręcznie ustawiać wartości alpha/beta/gamma lub wybrać predefiniowane pozy (portrait, landscape, upside down).

Jaka jest dokładność żyroskopu w smartfonach?

Budżetowe telefony: ±2-5°. Flagship: ±0.5-1°. Drift (znoszenie) rośnie z czasem – kalibracja przez ruch "ósemką". Dla precyzyjnych aplikacji (VR, AR) zalecany sensor fusion z akcelerometrem i magnetometrem (madgwick filter).

Czy można użyć orientacji do WebXR (AR/VR)?

Tak – WebXR API (immersive-ar, immersive-vr) korzysta z danych sensorów. DeviceOrientation to starsza, prostsza alternatywa dla 2D orientacji bez pełnego XR. Dla PWA bez WebXR headset DeviceOrientation jest standardem.

Jak zabezpieczyć aplikację przed brakiem sensora?

if (window.DeviceOrientationEvent) { DeviceOrientationEvent.requestPermission().then(...) } else { showFallback(); }. Feature detection + graceful degradation: pokaż alternatywny interfejs gdy sensor niedostępny.

Powiązane narzędzia: tester Web Bluetooth, detektor cech CSS i walidator JSON Schema.