HTML5 Game Development with Phaser Lesson 9 - Changing States

What Will I Learn?

• You will learn how to use states to structure your game into different .js files to make different menus and levels.
• You will learn how to switch between states using key presses.
• You will learn how to place the game we made previously into one state.

Requirements

• Any text editor, preferably one with syntax highlighting for HTML & CSS (e.g. Adobe Dreamweaver, Notepad ++).
• Any web browser (preferably Google Chrome).
• I used the Windows operating system but you should be able to do this in Mac.
• You can test your files locally or you can upload to a server and test. If you want to upload to a server, you will need Web hosting as well as an FTP client to upload files (Adobe Dreamweaver has FTP functionality built in).
• You need to have downloaded Phaser (this was explained in lesson 1).

Difficulty

• Intermediate
  You should already have some understanding of Javascript as the Phaser library is built on Javascript. You should already have done the previous tutorials in Phaser.

Description

In this series of lessons, we are going to code our first HTML5 / Javascript game, using the Phaser library. The source code of this lesson (and subsequent lessons as they are uploaded) can be viewed on Github at: https://github.com/Bulletproofmonk/PhaserGameTutorial

Video Tutorial

Curriculum

• Phaser Lesson 1: Setting up Game Dimensions
• Phaser Lesson 2: Importing Sprites
• Phaser Lesson 3: Moving object with arrow keys
• Phaser Lesson 4: Animation with spritesheets
• Phaser Lesson 5: Collision Detection with Arcade Physics
• Phaser Lesson 6: Groups of Objects
• Phaser Lesson 7: Firing bullets
• Phaser Lesson 8: Randomly generating enemies