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 //add eventListener for tizenhwkey
25 document.addEventListener('tizenhwkey', function(e) {
26 if(e.keyName == "back")
27 tizen.application.getCurrentApplication().exit();
30 deviceOrientationEvents();