From null to full HTML5 cross platform game

I will take you by hand from the very bare bones of JavaScript until the creation of a complete HTML5 cross platform game using Phaser framework and other FREE software. Designed especially for beginners but also useful to skilled JavaScript programmers who want to make HTML5 games, this book guides you to the creation of a game like Concentration with some twists and comes with 26 – twenty six – code samples, one for each step in the making of the game.

Table of Contents

• A little preface
• What is a cross-platform game and why should I make cross-platform games?
• What is Phaser?
• Can I build a game like GTA with Phaser?
• Choosing a text editor
• Choosing a web server
• REALLY choosing a web server, rather than closing the book
• Choosing a web browser
• Other software you may need
• Downloading Phaser
• The structure of your Phaser project
• Running your game
• Understanding Phaser states
• Creating tile graphics using a sprite sheet
• Preloading images
• Placing images on the stage
• Setting up the game field
• Adjusting assets placement according to stage size
• Displaying given frames in a sprite sheet
• Adding interactivity to images by turning them into clickable and touchable buttons
• Giving each button a custom property and accessing it when touched/clicked
• Showing tiles once selected
• Preventing the player to select more than two tiles each turn
• Checking for successful matches and removing tiles or turning them back
• Using timers to schedule events
• Shuffling the tiles
• Turning the prototype into a real game adding a title screen with sound/mute options
• Preloading sounds
• Playing sounds
• Showing the score
• Increasing difficulty by adding a timer
• Showing Game Over screen when running out of time
• Restarting the game
• Giving the game a twist
• Making it run nicely on any mobile device, no matter what the orientation is
• Saving high score
• Organizing your folders
• Creating a preloader state
• Where to go now
• Thank you and let’s keep in touch