Making Money With Html5 Games Free Pdf

I'm building one html5 game per week on lessmilk.com

This is the blog where I write about my project.

29 Jan 2014

Make HTML5 games with Phaser - Introduction

This post is the first one in a series of tutorials about how to make games in HTML5. Note: to follow this tutorial you should already be familiar with web development in HTML and Javascript.

How to make HTML5 games?

You can make HTML5 games in lots of different ways, there are even websites dedicated to list all the different framework available like this one . So which one should you choose?

Make HTML5 games with Phaser - Introductionhttp://blog.lessmilk.com/make-html5-games-with-phaser-1/ 1 of 103/19/14, 10:26 PM

I've spend a whole week looking into the different solutions, and I finally picked Phaser . Why? Because it works well on all modern browser, it's actively maintained, it's powerful, it's free, it's well documented, and it has an awesome looking website—yes, that counts too ;-) So my tutorials will be focused on Phaser, a Javascript framework for 2D games. However, there are definitely other great frameworks out there that are worth checking out.

Getting started with Phaser

Getting started with Phaser is easy, here's how to do it in four simple steps.

1) Important links

First things first, here's a list of links you should bookmark. Phaser , the official website. Github , the Phaser github account. Documentation , the official documentation. Examples , a great collection of small code examples. Forums , the official forums. My github account , where I'll add the source code of all my tutorials.

Make HTML5 games with Phaser - Introductionhttp://blog.lessmilk.com/make-html5-games-with-phaser-1/ 2 of 103/19/14, 10:26 PM

2) Download Phaser

You should download the latest version of phaser- master , and also get my empty project that we will use in this tutorial. My project contains: phaser.min.js, the Phaser framework minified v1.1.5. main.js, a file were we will add our code. index.html, a basic HTML page where the game will be displayed. assets/, a directory containing the game' assets. In this case there's just one sprite.

3) The tools

All you need to start coding with Phaser is a text editor and a browser with a consol to debug. I recommend Sublime Text and Google Chrome .

4) Make Phaser work

Opening a Phaser project directly in a browser won't work, you need to use a web server. I won't go into the details on how to set up one, but basically you can either: Install a local web server on your computer. For this you can use WAMP for Windows or MAMP for Mac. If you have Python installed, you can run the

python -m SimpleHTTPServer

command.

Make HTML5 games with Phaser - Introductionhttp://blog.lessmilk.com/make-html5-games-with-phaser-1/ 3 of 103/19/14, 10:26 PM