1 function deviceOrientationEvents() {
2 var alphaElem = document.getElementById("alpha");
3 var betaElem =document.getElementById("beta");
4 var gammaElem = document.getElementById("gamma");
5 var logoImg = document.getElementById("logo");
6 var rotateY = 0, rotateX = 0;
8 window.addEventListener("deviceorientation", handleDeviceOrientation, false);
10 function handleDeviceOrientation(e) {
11 rotateX = ('rotateX(' + e.beta * 1.2 + 'deg)')
12 rotateY = ('rotateY(' + e.gamma * 1.2 + 'deg)')
15 logoImg.style.webkitTransform = rotateY + ' ' + rotateX
17 alphaElem.innerHTML ="alpha value "+ Math.round(e.alpha);
18 betaElem.innerHTML = "beta value "+ Math.round(e.beta);
19 gammaElem.innerHTML = "gamma value "+ Math.round(e.gamma);
23 window.onload = function() {
24 var logoimg = document.getElementById('logo');
25 logoimg.addEventListener('contextmenu', function(e){e.preventDefault()}, false);
27 //add eventListener for tizenhwkey
28 window.addEventListener('tizenhwkey', function(e) {
29 if(e.keyName == "back")
30 tizen.application.getCurrentApplication().exit();
33 deviceOrientationEvents();