vinc · March 1, 2014 12:31
diff --git a/accelerocolor.html b/accelerocolor.html
 <!DOCTYPE html>
 <html>
  <head>
    <title>Accelerocolor</title>
    <script type="text/javascript">
      window.onload = function() {
        var rgb = [255, 255, 255];
        var orientation = [0.0, 0.0, 0.0];
      
        var update = function(i, x) {
          var c = 1;
      
          if (x > orientation[i] + c) {
            rgb[i] = Math.min(rgb[i] + 1, 255);
          } else if (x < orientation[i] - c) {
            rgb[i] = Math.max(rgb[i] - 1, 0);
          }
          orientation[i] = x;
        }
      
        window.addEventListener('deviceorientation', function(event) {
          update(0, event.alpha);
          update(1, event.beta);
          update(2, event.gamma);
      
          document.body.style.background = 'rgb(' + rgb.join(', ') + ')';
        });
      };
    </script>
  </head>
  <body></body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Accelerocolor</title>
	<script type="text/javascript">
	window.onload = function() {
	var rgb = [255, 255, 255];
	var orientation = [0.0, 0.0, 0.0];

	var update = function(i, x) {
	var c = 1;

	if (x > orientation[i] + c) {
	rgb[i] = Math.min(rgb[i] + 1, 255);
	} else if (x < orientation[i] - c) {
	rgb[i] = Math.max(rgb[i] - 1, 0);
	}
	orientation[i] = x;
	}

	window.addEventListener('deviceorientation', function(event) {
	update(0, event.alpha);
	update(1, event.beta);
	update(2, event.gamma);

	document.body.style.background = 'rgb(' + rgb.join(', ') + ')';
	});
	};
	</script>
	</head>
	<body></body>
	</html>