Jump to content

Phaser 2.0 Tutorial Series: Flappy Bird


Recommended Posts

Without trying to bite anyone's style (specifically, lessmilk's), I've been writing a tutorial series for Phaser 2.0.x that uses the phaser-official generator to show how to build a perfect Flappy Bird clone from the ground up. Each lesson talks about core features of the Phaser Library that you'll need to know to build your own games. 


The Fully Playable Game: http://flappy-bird-reborn.herokuapp.com/


I'll update this thread each time a new part comes out:


Part 1: Getting Started

Topics Covered:

  • Using the Generator
  • States
  • Loading Assets
  • Sprites & Anchors
  • Simple SpriteSheet Animations
  • Sprite Animations
  • TileSprites
  • Groups
  • Tweens
  • Simple Buttons
  • Callbacks and Callback Contexts
  • Browserify integration

Part 2: Intro to Physics and Prefabs

Topics Covered:

  • Prefabs
  • Intro to Arcade Physics
  • Sprite Physics Bodies
  • TileSprite Physics Bodies
  • Collisions

Part 3: Intro to Player Movement

Topics Covered:

  • User Interaction
  • Keyboard
  • Mouse
  • Touch
  • Enums
  • Signals
  • Sprite Rotation

Part 4: Timers, Recycling & Death

Topics Covered:

  • Timers
  • Extending Groups
  • Recycling
  • Reseting
  • Death Handling
  • State Shutdowns

Part 5: Sound, Scoring & Particles

Topics Covered:

  • Scoring
  • HUD Management
  • Sound
  • Particles
  • Persistent Storage
  • Restarting
Link to comment
Share on other sites

I may reach out to him, but we're using a different technology stack and have different workflows. 

For example:

I'm using Grunt and Browserify. He's using Gulp.

I've set up my workflow for dependency injection and inheritance. His is just... very flat.

I've added subgenerators for states and prefabs, he's got nothing like that.


I will send a message to him and see if he's interested in collaborating, though.

Link to comment
Share on other sites

  • 2 years later...

Hello @codevinsky,

First I would like to thank you so much for this project, which I forked successfully from GitHub. I know that it has been quite a long time since you made it, but it still works beautifully. Unfortunately, I can't get to resize the canvas nor make the game fullscreen (any of these solutions would be OK for me), despite all my researches about scaling in phaser. None of the many solutions I found are working. The best I can do is having a very tall light grey canvas with nothing inside. 

Would you be kind enough to give me at least some directions ? I'm totally stuck here.... I would be really grateful !!!

Thanks in advance !

Link to comment
Share on other sites

  • 1 year later...
On 7/20/2018 at 1:21 AM, ThothPsi said:


The site that host the tutorial is down. ... :(

Does anyone here have this tutorial to share?



I don't have the tutorial but I've followed it and made a cloned game by it.

You can check the game here: http://play.nguoianphu.com/mualan/

Source https://github.com/nguoianphu/flappy-bird-reborn

Link to comment
Share on other sites


  • Recently Browsing   0 members

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