CREATE Preloader.js

BunnyDefender.Preloader = function(game) {
	this.preloadBar = null;
	this.titleText = null;
	this.ready = false;
};

BunnyDefender.Preloader.prototype = {
	
	preload: function () {
		this.preloadBar = this.add.sprite(this.world.centerX, this.world.centerY, 'preloaderBar');
		this.preloadBar.anchor.setTo(0.5, 0.5);
		this.load.setPreloadSprite(this.preloadBar);
		this.titleText = this.add.image(this.world.centerX, this.world.centerY-220, 'titleimage');
		this.titleText.anchor.setTo(0.5, 0.5);
	},

	create: function () {
		this.preloadBar.cropEnabled = false; //force show the whole thing
	},

	update: function () {
	   	this.ready = true;
	}
};




ADD TO Boot.js :::

--preload
this.load.image('preloaderBar', 'images/loader_bar.png');
this.load.image('titleimage', 'images/TitleImage.png');

--create
this.state.start('Preloader');




ADD TO index.html :::

--head
<script src="Preloader.js"></script>

--onload
game.state.add('Preloader', BunnyDefender.Preloader);
game.state.start('Boot');