An artificial horizon instrument implementation in pure Javascript using W3C Accelerometer and Orientation events
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.
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: