Creating a Cross-Platform Mobile Game in HTML5 and JavaScript
In this HTML5 and JavaScript training we'll learn how to create a truly cross-platform game using HTML5. Software required: HTML5, JavaScript, Sublime Text 3, Google Chrome, CocoonJS 2, iOS Simulator, Xcode 6, Adobe Photosho.
What you'll learn
In this HTML5 and JavaScript training we'll learn how to create a truly cross-platform game using HTML5. Throughout this tutorial, we'll explore various techniques and technologies needed to take a basic browser game to a fully interactive experience that is enjoyable on any screen or device. By the end of this HTML5 and JavaScript training, you'll have learned many tips and tricks, in addition to having a fully functioning HTML5 game for browsers and mobile app stores. Software required: HTML5, JavaScript, Sublime Text 3, Google Chrome, CocoonJS 2, iOS Simulator, Xcode 6, Adobe Photosho.
Table of contents
- Setting up Our HTML5 Game 9m
- Adding Touch Events 6m
- Making Our Game Work on Different Device Resolutions 11m
- Detecting and Reacting to Device Rotation 11m
- Enabling High Dpi Graphics 5m
- Creating High Dpi Graphics 10m
- Using Device Sensors to Enhance Gameplay 8m
- Setting up Cross-platform Audio 8m
- Installing the Web App to Home Screens 10m
- Converting the Game to Native Apps 8m