Hello World Phaser Example

Kudos Thomas Palef: http://www.lessmilk.com/ http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-1/

HTML

<script src="https://rawgit.com/photonstorm/phaser-ce/master/build/phaser.min.js"></script>
<div id="game_div"> </div>

CSS

/*    #game_div {
      width: 400px;
    } */

JavaScript

var width = document.documentElement.clientWidth;
var height = document.documentElement.clientHeight;
var game = new Phaser.Game(Math.floor(width/4), Math.floor(height/4), Phaser.CANVAS, null, {   preload: preload, create: create 
});

function preload() {
    game.load.baseURL = 'http://examples.phaser.io/assets/';
    game.load.crossOrigin = 'anonymous';
    game.load.bitmapFont('desyrel', 'fonts/bitmapFonts/nokia16.png', 'fonts/bitmapFonts/nokia16.xml');

Phaser.Canvas.setImageRenderingCrisp(this.game.canvas);
	  game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
}

function create() {
    game.stage.setBackgroundColor(0x000000);
    //game.stage.smoothed = false;
    bmpText = game.add.bitmapText(0, 0, 'desyrel', '- phaser -\nrocking with\nnokia16 fonts', 16);
}