{"id":24134,"date":"2016-08-20T03:01:58","date_gmt":"2016-08-19T17:01:58","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=24134"},"modified":"2019-11-09T18:12:56","modified_gmt":"2019-11-09T08:12:56","slug":"html5-device-orientation-events-game-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/html5-device-orientation-events-game-tutorial\/","title":{"rendered":"HTML5 Device Orientation Events Game Tutorial"},"content":{"rendered":"
\"HTML5<\/a>

HTML5 Device Orientation Events Game Tutorial<\/p><\/div>\n

Today we’ve written a web application suiting mobile devices, but probably not many laptops. That is because we are harnessing the power of the Device Orientation (today) and Device Motion (at a later date) events new to HTML5, and very well explained at this tremendous link<\/a>, thanks.<\/p>\n

If you use a mobile device regularly, you’ll probably have seen mobile and web applications making use of the fact that the mobile device being used is moving itself, and has its screen orientation an option, rather than an awkwardly controlled hardware setting. These dynamisms of what we are talking about harnessing today, and we closely follow the leads of the code supplied in the link above, and build a “Device Orientation” game based on these HTML5 and Javascript based smarts.<\/p>\n

The bottom line of this is that with this functionality we can glean the 3 rotations of the mobile device relative to the world around it, termed as …<\/p>\n