richtr / Artificial-Horizon

A JavaScript implementation of an Artifical Horizon Instrument
https://richtr.github.io/Artificial-Horizon/
12 stars 5 forks source link

Artificial Horizon JS

An artificial horizon instrument implementation in pure Javascript using W3C Accelerometer and Orientation events

Usage

Simply clone this repo as follows:

git clone git@github.com:richtr/Artificial-Horizon.git

Load 'index.html' and enjoy!

An online demo is available here.

Screenshots

With the screen in a vertical plane perpendicular to the ground:

With the screen in a vertical plane, rolling the device 45 degrees to the left and pitching the device 20 degrees to the north:

With the screen in a vertical plane perpendicular to the ground with the top of the screen pointing to the right (a 90 degree roll):

With the screen in a vertical plane perpendicular to the ground with the top of the screen pointing to the left, rolling 40 degrees to the right and pitching 20 degrees to the north:

With the screen in a vertical plane perpendicular to the ground, rolling 70 degrees to the right and pitch 70 degrees to the north: