Repository files navigation

an HTML5 interaction library for mobile browsers

HTML5 offers a lot of awesome access to hardware data. Sense.js is a library thatabstracts away the math and gives developers and designers easy access to somecommon non-touch gesture interactions with simple javascript callbacks.

This was made as a part of GreylockU's Hackfest, and will likely see changes to makethings better/add more gestures :)

Pull requests and feature suggestions are welcome!

You can find a demo athttp://sense-js.jit.su/

A ball rolls around based on your screen position!

Flick your phone to the right or left to slide a color.

Flip your phone face down and face up, and a new color appears!

Open this page on multiple devices. Selecting a color and flicking it'flicks' that color to all other devices.

sense.js enabled scroll based on screen tilt

Download sense.js, and refer to it in an html file, and initialize it!

<scriptsrc="path/to/sense.js"></script><script>varsense=sense.init();sense.flick(function(data){// Your callback code here!});</script>

Orientation fires continuously, and emits alpha, beta, and gamma data from the device.

Sample Usage:

sense.orientation(function(data){console.log(data)});

Flick events fire when the device is rotated quickly left-to-right or right-to-left.

Sample Usage:

sense.flick(function(data){slidePage(data.direction)});

Fling events fire when the device is rotated quickly in the front-to-back direction, as ifbeing thrown overhand (with the device facing towards you).

Sample Usage:

sense.fling(function(data){sendFile();});

Flip events fire when the phone is quickly flipped from face-up to face-down to face-up position.

Sample Usage:

sense.flip(function(data){showRandomNumber();});

This one line allows the user to observe the tilt of the user's phone to scroll on a page.

Sample Usage:

sense.addTiltScroll();

We can initialize Sense with a debug flag!

varsense=sense.init({debug:true});

The debugger will include a fixed div in the bottom right corner that displaysdata when events fire. This is particularly useful when debugging on mobile, as you can'tuse debugger or console.log :(

To start the demo site:

$ npm install$ npm start