Jump to content

[Tutorial] Phaser State Mgmt Splash/Options/Credits/GameOver - CH 3 Released!


MattMcFarland
 Share

Recommended Posts

Hi all,

 

After last week's gamejam and diving head first into phaser.io - I ventured into learning the state management system and creating a polished game menu, a splash screen with menu options, game navigation between states, music / sound options, and a credits screen.   

 

I've learned SO MUCH and I just want to SHARE everything I've learned!  

 

This aims to be an exhaustive tutorial and example/boilerplate with hopes of teaching others the usage of phaser's state management system, including:

Creating a cool splash screen
Loading scripts/fonts/assets into your game with a progress bar.
How to load Custom Fonts into your game
Game state management
Navigation between Main Menu, Options Screen, and more.

 

I've just finished Chapter 1 - Splash Screen

 

Both the tutorial and the source code are here: https://github.com/MattMcFarland/phaser-menu-system

You can view the finished product here: http://mmcfarland.itch.io/phaser-menu-system

 

Hi all! I'm very excited to release Chapter 3 - Options Menu, which I cover in detail the process behind and process of developing the options screen.
With Chapter 3, we:
created the the options menu
learned to modify music player settings (volume play state)
modified our game option menu factory to work across states!
created reusability for our style library.
learned more about Object.assign, Object.create
learned about using Phaser's Utility Mixin function
The finished product is here: http://mmcfarland.itch.io/phaser-menu-system
Thanks!

post-12542-0-57395800-1444683589.png

post-12542-0-80120400-1444683593.png

post-12542-0-18818700-1444683600.png

post-12542-0-91983300-1444683604.png

Link to comment
Share on other sites

Big thanks to everyone for comments suggestions.

 

The tutorial has received an overwhelming response on reddit, and has gained a lot of traction

 

So to avoid losing traction, I've fasted tracked Chapter 2 - The game menu:

 

https://github.com/MattMcFarland/phaser-menu-system/blob/master/chapter2.md

 

For Chapter 2 I exhaustively cover and polish the game menu! https://github.com/MattMcFarland/phaser-menu-system/blob/master/chapter2.md

I aim to teach: UI styling (including making a handy stylesheet!) object factories to stay DRY (Dont Repeat yourself) A little bit about lexical scope and closures (nothing deep) polyfills and browser compatability.

Link to comment
Share on other sites

Chapter 3 just released!

 

Hi all! I'm very excited to release Chapter 3 - Options Menu, which I cover in detail the process behind and process of developing the options screen.
With Chapter 3, we:
created the the options menu
learned to modify music player settings (volume play state)
modified our game option menu factory to work across states!
created reusability for our style library.
learned more about Object.assign, Object.create
learned about using Phaser's Utility Mixin function
The finished product is here: http://mmcfarland.itch.io/phaser-menu-system
Thanks!
Link to comment
Share on other sites

  • 7 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...