Testeur de Gyroscope
Affiche l'orientation de l'appareil (alpha, bêta, gamma) à partir de DeviceOrientationEvent avec un aperçu en direct d'un cube 3D.
Entrée
Support des appareils
Comment ça fonctionne
Cet outil écoute l'événement DeviceOrientationEvent standard et visualise alpha (Z, compas), bêta (X, inclinaison avant-arrière) et gamma (Y, inclinaison latérale) sur un cube 3D en direct. Inclinez et tournez votre appareil pour voir le cube se déplacer.
Sortie
Documentation
Qu'est-ce qu'un gyroscope ?
Un gyroscope est un petit capteur à l'intérieur de votre téléphone, tablette ou ordinateur portable qui mesure la rotation autour de trois axes. Combiné avec l'accéléromètre et le magnétomètre, il indique à l'appareil son inclinaison, sa vitesse de rotation et la direction vers laquelle il est orienté. Ces données alimentent la rotation automatique de l'écran, la réalité augmentée, les jeux de course, les photos panoramiques, le comptage des pas et la stabilisation d'image.
Les appareils modernes exposent ces informations aux navigateurs web via l'API DeviceOrientationEvent. Le navigateur signale trois angles — alpha, bêta et gamma — qui décrivent ensemble l'orientation de l'appareil dans l'espace 3D par rapport à la Terre.
Comprendre alpha, bêta et gamma
Les trois angles d'orientation décrivent chacun une rotation autour d'un axe différent :
- Alpha (0–360°) — Rotation autour de l'axe Z (vertical). Imaginez faire tourner l'appareil à plat sur une table ; alpha est le cap de type boussole.
- Bêta (-180–180°) — Rotation autour de l'axe X (gauche-droite). C'est l'inclinaison avant-arrière, comme incliner l'appareil vers vous ou loin de vous.
- Gamma (-90–90°) — Rotation autour de l'axe Y (haut-bas). C'est l'inclinaison gauche-droite, comme pencher l'appareil sur le côté.
Description de l'outil
Cet outil lit les données d'orientation en direct du gyroscope de votre appareil et les affiche sous forme de modèle 3D qui reflète vos mouvements en temps réel. Il affiche également les valeurs brutes d'alpha, bêta et gamma en degrés afin que vous puissiez vérifier que le capteur fonctionne correctement et produit des lectures précises.
Exemples
| Position de l'appareil | Alpha | Bêta | Gamma |
|---|---|---|---|
| À plat, écran vers le haut, haut vers N | 0° | 0° | 0° |
| Tenu droit en mode portrait | 0° | 90° | 0° |
| Incliné bord droit vers le bas (paysage) | 0° | 0° | 90° |
| Tourné 180° à plat, écran toujours vers le haut | 180° | 0° | 0° |
Fonctionnalités
- Modèle 3D en direct qui tourne en synchronisation avec votre appareil
- Lectures en temps réel d'alpha, bêta et gamma en degrés
- Détecte si le navigateur supporte l'API d'orientation
- Gère les invites de permission iOS pour l'accès aux mouvements
- Indique si les données d'orientation sont absolues (référencées à la Terre) ou relatives
Cas d'usage
- Diagnostiquer un capteur défectueux — Vérifiez si le gyroscope de votre téléphone fonctionne correctement avant de l'envoyer en réparation ou de le retourner.
- Tester des applications web utilisant les mouvements — Les développeurs créant des expériences AR, des jeux contrôlés par les mouvements ou des aperçus VR peuvent valider l'entrée du capteur directement dans le navigateur.
- Vérification d'étalonnage — Confirmez que les valeurs d'orientation reviennent à zéro lorsque l'appareil est posé à plat, ce qui vous aide à détecter la dérive ou un mauvais étalonnage.
Comment ça marche
L'outil s'abonne à l'événement deviceorientation du navigateur, qui se déclenche chaque fois que l'orientation de votre appareil change. Chaque événement fournit les valeurs actuelles d'alpha, bêta et gamma. Le modèle 3D utilise Three.js pour convertir ces angles en une rotation de quaternion, appliquée avec une interpolation lisse à chaque image d'animation pour éviter les saccades.
Limitations
- Nécessite un appareil avec un gyroscope intégré (la plupart des ordinateurs de bureau et de nombreux ordinateurs portables n'en ont pas)
- Safari iOS nécessite une permission explicite via un geste utilisateur avant que les données du capteur ne soient partagées
- Nécessite un contexte sécurisé (HTTPS) sur la plupart des navigateurs modernes
- Certains navigateurs ne signalent l'orientation que lorsque la page est au premier plan
Conseils
- Si les lectures restent à zéro, votre appareil n'a probablement pas de gyroscope ou le navigateur bloque l'accès
- Sur iOS, appuyez sur le bouton « Activer les mouvements » après le chargement de la page — la permission ne peut pas être accordée automatiquement
- Posez l'appareil à plat sur une surface stable pour confirmer les valeurs de base avant de tester les inclinaisons