A demonstration of how to handle game state transitions within a Phaser HTML5 level

game-state-transition.js

handleUserDataGameLoss: function() {
        //Handle Player Scores and Times
        this.interval = 0; 
        this.step = this.playerStats.topScore - this.interval; 
        if (this.score > this.step) {
            this.playerStats.topScore = this.interval + this.score;
        }
        this.playerStats.topTime = this.playerStats.topTime + this.survivalTimer.seconds;
       
        localStorage.setItem('Canyon_Runner_9282733_playerStats', JSON.stringify(this.playerStats));
        //Reset Game After Pause
        this.resetTimer = this.game.time.create(this.game);
        this.resetTimer.add(4000, function(){
            this.explosion.kill();
            this.game.state.start('MainMenu');
        }, this);
        this.resetTimer.start();
    },
handleUserDataLevelComplete: function() {
	//Handle Player Scores and Times
	this.playerStats.topScore = 50;
	this.playerStats.topTime = this.playerStats.topTime + this.survivalTimer.seconds;
	//Set Highest Level Completed by Player
	this.playerStats.returnPlayerToState = 'NavigationBandit';
	
	localStorage.setItem('Canyon_Runner_9282733_playerStats', JSON.stringify(this.playerStats));
	
	this.buttonAdvance = this.game.add.button(350, 500, 'sprites', this.nextLevel, this, 'advance-button', 'advance-button', 'advance-button');
	this.buttonAdvance.fixedToCamera = true;
},
nextLevel: function() {
	this.sound.stop('success');
	this.state.start('NavigationBandit');
},
quitGame: function (pointer) {
	this.state.start('MainMenu');
}