Join Joseph Labrecque for an in-depth discussion in this video Building the menu state, part of HTML5 Game Development with Phaser.
We currently have two states in our game.…One which simply serves as a boot loader, and one which pre-loads our assets and…lets the user know that the game is loading up.…We'll now build out the start screen for…our game, letting the player know everything is ready to go.…So before we do that, we're going to have to pre-load some more assets.…So let's go over to our pre-loader state.…Inside of our pre load function, we can add in some more assets.…So we'll load in an image and we'll load in one of our fonts.…So to do this,…we save this.load.image and we'll give this an identifier of title screen.…
And this will point to images /TitleBG.png.…We'll also load in a bitmap font,…this.load.bitmapfont and the identifier we give to this.…Is simply the name of the font, which is eightbitwonder.…And then we need to point to the actual image file that's been produced for us.…So we'll say fonts/eightbitwonder.png, additionally…we need to bind this to the data element that's been created for us, as well.…
So we'll say fonts/eightbitwonder.fnt, which is the data file.…
- Downloading the Phaser framework
- Creating your first Phaser project
- Building the preloader and menu states
- Creating and spawning entities
- Working with particles and emitters
- Detecting and handling collisions
- Detecting "game over"
- Adding sound effects and text
- Preparing for mobile deployment