codevinsky

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

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

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 !

Share this post


Link to post
Share on other sites
On 7/20/2018 at 1:21 AM, ThothPsi said:

Hi.

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

Does anyone here have this tutorial to share?

Tks

Hi,

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

Share this post


Link to post
Share on other sites

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...

  • Recently Browsing   0 members

    No registered users viewing this page.