I’m starting to use this site again!
let’s start off with a simple one: HTML5 Compass.
Just an FYI its mostly only partially supported (http://caniuse.com/#search=deviceorientation).
Super simps, just include the script below: and you should be up and running with the compass. NOTE: just remove the jquery closure if you arent using it.
[pastacode lang=”javascript” message=”” highlight=”” provider=”manual”]
(function($) {
$(window).load(function() {
if(window.DeviceOrientationEvent) {
$(window).on('deviceorientation', function(evt) {
console.log(evt.originalEvent.alpha)
});
} else {
console.log('no compass');
}
});
})(jQuery);
[/pastacode]
You might want to think about using something like modernizr to check as well. Also, you might want to think about wrapping it in a closure so you fire this after the window loads.
One thought on “HTML5 Compass”