Javascript Accelerometer Demo and Source

IOS 4.2 (with new Safari Mobile) has the possibility to read sensor data like accelerometer and gyroscope directly from Javascript.

New Javascript objects and event handler

From javascript point of view, we have:

• new handler window.ondevicemotion
• new event object:
  • event.accelerationGravity, with x, y, z attributes
  • event.accelerationIncludingGravity, with x, y, z attributes
  • event.rotationRate, with alpha, beta, gamma attributes

Code Snip

window.ondevicemotion = function(event) {
	var accelerationX = event.accelerationIncludingGravity.x;
	var accelerationY = event.accelerationIncludingGravity.y;
	var accelerationZ = event.accelerationIncludingGravity.z;
}

Demo

Online Demo (require Safari Mobile)

API

DeviceMotionEvent Class
DeviceOrientationEvent Class