DeviceOrientation demo

by jorgeluis

HTML

<div id="display"></div>

JavaScript

var display = document.getElementById('display');

if( window.DeviceOrientationEvent ) {

	window.addEventListener('deviceorientation', function(event) {
    var alpha = event.alpha; // z
    var beta = event.beta; // x
    var gamma = event.gamma; // y

    if(alpha!=null || beta!=null || gamma!=null) 
      dataContainerOrientation.innerHTML = 'alpha: ' + alpha + '<br/>beta: ' + beta + '<br />gamma: ' + gamma;
  }, false);
}