Mikä on gyroskooppi?

Gyroskooppi on pieni sensori puhelimessasi, tabletissasi tai kannettavassa tietokoneessasi, joka mittaa kiertymistä kolmen akselin ympäri. Kiihtyvyysmittarin ja magnetometrin kanssa se kertoo laitteelle, mihin suuntaan se on kallistunut, kuinka nopeasti se pyörii ja mihin suuntaan se on kääntyessä. Nämä tiedot mahdollistavat näytön automaattisen kiertämisen, lisätyn todellisuuden, kilpa-autopelit, panoraamakuvat, askelten laskemisen ja kuvan stabiloinnin.

Nykyaikaiset laitteet tarjoavat nämä tiedot verkkoselaimille DeviceOrientationEvent API:n kautta. Selain raportoi kolme kulmaa — alfa, beeta ja gamma — jotka yhdessä kuvaavat laitteen orientaatiota 3D-avaruudessa suhteessa Maahan.

Alfa-, beeta- ja gammakulman ymmärtäminen

Kolme orientaatiokulma kuvaavat kiertymistä eri akselin ympäri:

  • Alfa (0–360°) — Kiertyminen Z-akselin ympäri (pystysuora). Kuvittele laitteen pyöriminen tasaisesti pöydällä; alfa on kompassin kaltainen suunta.
  • Beeta (-180–180°) — Kiertyminen X-akselin ympäri (vasemmalta oikealle). Tämä on edestä taakse tapahtuva kallistus, kuten laitteen nyökkääminen kohti sinua tai poispäin sinusta.
  • Gamma (-90–90°) — Kiertyminen Y-akselin ympäri (ylhäältä alaspäin). Tämä on vasemmalta oikealle tapahtuva kallistus, kuten laitteen kääntäminen sivulle.

Työkalun kuvaus

Tämä työkalu lukee reaaliaikaisia orientaatiotietoja laitteesi gyroskoopista ja esittää ne 3D-mallina, joka heijastaa liikettäsi reaaliajassa. Se näyttää myös raa'at alfa-, beeta- ja gammaarvot asteissa, jotta voit varmistaa, että sensori toimii oikein ja tuottaa tarkkoja lukemia.

Esimerkit

Laitteen asento Alfa Beeta Gamma
Tasaisesti makaa, näyttö ylöspäin, yläosa kohti pohjoista 0° 0° 0°
Pystyasennossa pidetty pystysuuntaisesti 0° 90° 0°
Kallistunut oikeaan reunaan (vaakasuunta) 0° 0° 90°
Kierretty 180° tasaisesti, näyttö silti ylöspäin 180° 0° 0°

Ominaisuudet

  • Reaaliaikainen 3D-malli, joka pyörii synkronissa laitteesi kanssa
  • Reaaliaikaiset alfa-, beeta- ja gammalukemat asteissa
  • Havaitsee, tukeeko selain orientaatio-API:ta
  • Käsittelee iOS-käyttöoikeuksien kehotukset liikkeen käyttöä varten
  • Näyttää, ovatko orientaatiotiedot absoluuttisia (viitaten Maahan) vai suhteellisia

Käyttötapaukset

  • Viallisen sensorin diagnosointi — Varmista, että puhelimesi gyroskooppi toimii oikein ennen sen lähettämistä korjaukseen tai palauttamista.
  • Liikettä käyttävien verkkosovelluksien testaaminen — Kehittäjät, jotka rakentavat AR-kokemuksia, liikkeellä ohjattavia pelejä tai VR-esikatseluja, voivat vahvistaa sensoritulon suoraan selaimessa.
  • Kalibrointitarkistus — Varmista, että orientaatioarvot palautuvat nollaan, kun laite on tasaisesti makaa, mikä auttaa sinua havaitsemaan ajautumisen tai väärän kalibroinnin.

Kuinka se toimii

Työkalu tilaa selaimen deviceorientation-tapahtumaa, joka laukeaa aina kun laitteesi orientaatio muuttuu. Jokainen tapahtuma tarjoaa nykyiset alfa-, beeta- ja gammaarvot. 3D-malli käyttää Three.js:ää näiden kulmien muuntamiseen kvaternion-rotaatioksi, jota sovelletaan tasaisella interpoloinnilla jokaisella animaatiokehyksellä värinän välttämiseksi.

Rajoitukset

  • Vaatii laitteen, jossa on sisäänrakennettu gyroskooppi (useimmissa pöytätietokoneissa ja monissa kannettavissa tietokoneissa ei ole sellaista)
  • iOS Safari vaatii nimenomaisen käyttöoikeuden käyttäjän eleiden kautta ennen kuin sensoritiedot jaetaan
  • Vaatii turvallisen kontekstin (HTTPS) useimmissa nykyaikaisissa selaimissa
  • Jotkut selaimet raportoivat orientaation vain, kun sivu on etualalla

Vinkkejä

  • Jos lukemat pysyvät nollassa, laitteessasi ei todennäköisesti ole gyroskooppia tai selain estää pääsyn
  • iOS:ssä napauta "Ota liike käyttöön" -painiketta sivun latautumisen jälkeen — käyttöoikeutta ei voida myöntää automaattisesti
  • Aseta laite tasaisesti vakaalle pinnalle vahvistaaksesi perusarvot ennen kallistusten testaamista