Δοκιμαστής Γυροσκοπίου

Τι είναι ένας γυροσκόπιος;

Ένας γυροσκόπιος είναι ένας μικροσκοπικός αισθητήρας μέσα στο τηλέφωνό σας, tablet ή φορητό υπολογιστή που μετρά την περιστροφή γύρω από τρεις άξονες. Σε συνδυασμό με τον επιταχυνσιόμετρο και το μαγνητόμετρο, λέει στη συσκευή προς ποια κατεύθυνση είναι κεκλιμένη, πόσο γρήγορα περιστρέφεται και προς ποια κατεύθυνση είναι στραμμένη. Αυτά τα δεδομένα τροφοδοτούν την αυτόματη περιστροφή οθόνης, την επαυξημένη πραγματικότητα, τα παιχνίδια αγώνων, τις φωτογραφίες πανοράματος, την καταμέτρηση βημάτων και τη σταθεροποίηση εικόνας.

Οι σύγχρονες συσκευές εκθέτουν αυτές τις πληροφορίες στους φυλλομετρητές ιστού μέσω του API DeviceOrientationEvent. Ο φυλλομετρητής αναφέρει τρεις γωνίες — alpha, beta και gamma — οι οποίες μαζί περιγράφουν τον προσανατολισμό της συσκευής στον τρισδιάστατο χώρο σε σχέση με τη Γη.

Κατανόηση των alpha, beta και gamma

Οι τρεις γωνίες προσανατολισμού περιγράφουν την περιστροφή γύρω από έναν διαφορετικό άξονα:

• Alpha (0–360°) — Περιστροφή γύρω από τον άξονα Z (κατακόρυφος). Σκεφτείτε να περιστρέφετε τη συσκευή επίπεδη σε ένα τραπέζι· το alpha είναι η κατεύθυνση που μοιάζει με πυξίδα.
• Beta (-180–180°) — Περιστροφή γύρω από τον άξονα X (αριστερά-δεξιά). Αυτή είναι η κλίση εμπρός-πίσω, όπως το νέψιμο της συσκευής προς ή μακριά από εσάς.
• Gamma (-90–90°) — Περιστροφή γύρω από τον άξονα Y (πάνω-κάτω). Αυτή είναι η κλίση αριστερά-δεξιά, όπως το ανατροπή της συσκευής προς τα πλάγια.

Περιγραφή εργαλείου

Αυτό το εργαλείο διαβάζει δεδομένα προσανατολισμού σε πραγματικό χρόνο από τον γυροσκόπιο της συσκευής σας και τα αποδίδει ως ένα τρισδιάστατο μοντέλο που αντικατοπτρίζει την κίνησή σας σε πραγματικό χρόνο. Εμφανίζει επίσης τις ακατέργαστες τιμές alpha, beta και gamma σε μοίρες, ώστε να μπορείτε να επαληθεύσετε ότι ο αισθητήρας λειτουργεί σωστά και παράγει ακριβείς μετρήσεις.

Παραδείγματα

Χαρακτηριστικά

• Ζωντανό τρισδιάστατο μοντέλο που περιστρέφεται σε συγχρονισμό με τη συσκευή σας
• Ανάγνωση alpha, beta και gamma σε πραγματικό χρόνο σε μοίρες
• Ανίχνευση του αν ο φυλλομετρητής υποστηρίζει το API προσανατολισμού
• Χειρισμός των προτροπών άδειας iOS για πρόσβαση κίνησης
• Εμφάνιση του αν τα δεδομένα προσανατολισμού είναι απόλυτα (αναφερόμενα στη Γη) ή σχετικά

Περιπτώσεις χρήσης

• Διάγνωση ελαττωματικού αισθητήρα — Επαληθεύστε αν ο γυροσκόπιος του τηλεφώνου σας λειτουργεί σωστά πριν το στείλετε για επισκευή ή το επιστρέψετε.
• Δοκιμή εφαρμογών ιστού που χρησιμοποιούν κίνηση — Οι προγραμματιστές που δημιουργούν εμπειρίες AR, παιχνίδια ελεγχόμενα με κίνηση ή προεπισκοπήσεις VR μπορούν να επικυρώσουν την είσοδο αισθητήρα απευθείας στον φυλλομετρητή.
• Έλεγχος βαθμονόμησης — Επιβεβαιώστε ότι οι τιμές προσανατολισμού επιστρέφουν στο μηδέν όταν η συσκευή είναι ξαπλωμένη, βοηθώντας σας να εντοπίσετε την παρέκκλιση ή τη λανθασμένη βαθμονόμηση.

Πώς λειτουργεί

Το εργαλείο εγγράφεται στο συμβάν deviceorientation του φυλλομετρητή, το οποίο ενεργοποιείται κάθε φορά που αλλάζει ο προσανατολισμός της συσκευής σας. Κάθε συμβάν παρέχει τις τρέχουσες τιμές alpha, beta και gamma. Το τρισδιάστατο μοντέλο χρησιμοποιεί το Three.js για να μετατρέψει αυτές τις γωνίες σε περιστροφή quaternion, εφαρμόζεται με ομαλή παρεμβολή σε κάθε πλαίσιο κινούμενης εικόνας για να αποφευχθεί το τρέμουλο.

Περιορισμοί

• Απαιτεί μια συσκευή με ενσωματωμένο γυροσκόπιο (οι περισσότεροι επιτραπέζιοι υπολογιστές και πολλά φορητά δεν έχουν)
• Το iOS Safari απαιτεί ρητή άδεια μέσω μιας χειρονομίας χρήστη πριν κοινοποιηθούν τα δεδομένα αισθητήρα
• Απαιτεί ένα ασφαλές πλαίσιο (HTTPS) στους περισσότερους σύγχρονους φυλλομετρητές
• Ορισμένοι φυλλομετρητές αναφέρουν προσανατολισμό μόνο όταν η σελίδα είναι στο προσκήνιο

Συμβουλές

• Εάν οι ενδείξεις παραμένουν στο μηδέν, η συσκευή σας πιθανώς δεν έχει γυροσκόπιο ή ο φυλλομετρητής αποκλείει την πρόσβαση
• Στο iOS, πατήστε το κουμπί "Ενεργοποίηση κίνησης" μετά τη φόρτωση της σελίδας — η άδεια δεν μπορεί να χορηγηθεί αυτόματα
• Ξαπλώστε τη συσκευή σε μια σταθερή επιφάνεια για να επιβεβαιώσετε τις βασικές τιμές πριν δοκιμάσετε κλίσεις