State example

[xronn]

Hi,

 

So I have one level in a js file and another level in another js file;

level1.js
level2.js

The great guys in the chat room say I need to use states to manage switching between levels, but I havent seen any examples or tutorials on this. Would I just let my first level load then when player overlaps tile X run some function that uses the state function to load level2.js.

 

 

Thanks!

[jerome]

tuto : http://s-nambiar.com/tutorials/managing-game-states-phaser/

doc : https://github.com/photonstorm/phaser/wiki/Phaser-General-Documentation-:-States

template : https://github.com/photonstorm/phaser/tree/master/resources/Project%20Templates/Basic

[xronn]

Thanks, that template is really useful I know a few others are looking for this so hope it helps anyone else!

[xronn]

Sorry for double post I didn't want to open a new thread, I'm having trouble loading a new state when you click an image (play button);

I have this currently;

this.add.sprite(170, 170, 'playBtn', this.startGame);

Then my game.js file starts

BasicGame.Game = function (game) {

My game state is:

game.state.add('Game', BasicGame.Game);

 

[jerome]

what's the error in the javascript console of your browser ?

state.add(key, stateObject) doesn't start the state, it only adds it to the game.. the state object must exist in the code before being opened

state.start(key) does start it

[Hsaka]

Hi, you can use a button instead of a sprite:

this.add.button(170, 170, 'playBtn', this.startGame, this);

[xronn]

Thanks, I changed it to a button!