Using device motion in html/javascript

A while ago, I built a simple demonstration on how to stream accelerometer data from a mobile device over websockets to a server just using html and javascript. It consists of a nodejs web server and a visualization. As soon as a mobile browser connects to the server a new red cube is shown on the screen (placed between randomly generated cubes). The transparent area around the cube changes depending on how strong one shakes the phone.

It’s based on these tutorials and sample code:

a simple chat server node.js tutorial

3d css cube

3d cube world