codevinsky 84 Posted April 4, 2014 Report Share Posted April 4, 2014 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 StartedTopics Covered:Using the GeneratorStatesLoading AssetsSprites & AnchorsSimple SpriteSheet AnimationsSprite AnimationsTileSpritesGroupsTweensSimple ButtonsCallbacks and Callback ContextsBrowserify integrationPart 2: Intro to Physics and PrefabsTopics Covered:PrefabsIntro to Arcade PhysicsSprite Physics BodiesTileSprite Physics BodiesCollisionsPart 3: Intro to Player MovementTopics Covered:User InteractionKeyboardMouseTouchEnumsSignalsSprite RotationPart 4: Timers, Recycling & DeathTopics Covered:TimersExtending GroupsRecyclingResetingDeath HandlingState ShutdownsPart 5: Sound, Scoring & ParticlesTopics Covered:ScoringHUD ManagementSoundParticlesPersistent StorageRestarting gbachik, Mike, Martiny and 3 others 6 Quote Link to post Share on other sites
Alvin 29 Posted April 4, 2014 Report Share Posted April 4, 2014 I've not read the tutorial yet, but I think you should collaborate on a better Phaser generator with the person who created this one : https://github.com/julien/generator-phaserrather than both maintain your own. Quote Link to post Share on other sites
codevinsky 84 Posted April 4, 2014 Author Report Share Posted April 4, 2014 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. STuFF 1 Quote Link to post Share on other sites
codevinsky 84 Posted April 5, 2014 Author Report Share Posted April 5, 2014 I reached out to the creator of generator-phaser and we're going to collaborate on the generator. Thanks for the idea, Alvin Quote Link to post Share on other sites
rich 2612 Posted April 8, 2014 Report Share Posted April 8, 2014 Really nice tutorials. Added to the Phaser site links. Quote Link to post Share on other sites
meinside 0 Posted April 8, 2014 Report Share Posted April 8, 2014 It's really a nice tutorial! I'm totally new to game development, and it helped me a lot :-) Now looking forward to the upcoming parts. Quote Link to post Share on other sites
codevinsky 84 Posted April 8, 2014 Author Report Share Posted April 8, 2014 Wow. Thanks, Rich. Part 4 should be up by the end of the day. Quote Link to post Share on other sites
gaelbeltran 8 Posted April 8, 2014 Report Share Posted April 8, 2014 Wow I really like that yeoman generator, it's exactly what I was looking for. And excellent tutorial by the way. Quote Link to post Share on other sites
codevinsky 84 Posted April 8, 2014 Author Report Share Posted April 8, 2014 Part 4 is up: http://codevinsky.ghost.io/phaser-2-0-tutorial-flappy-bird-part-4/ Quote Link to post Share on other sites
rich 2612 Posted April 8, 2014 Report Share Posted April 8, 2014 I don't use Yeoman at all, but it's still an awesome tutorial even if you skip those bits Quote Link to post Share on other sites
gbachik 1 Posted April 9, 2014 Report Share Posted April 9, 2014 These tutorials are great!I'm a node guy so I feel right at home with the technology!Was looking for a generator like yours, gave up, then found your tutorials... life saved haha :] codevinsky 1 Quote Link to post Share on other sites
LeonardoDigital 0 Posted April 9, 2014 Report Share Posted April 9, 2014 Great tutorials!Thank you! Quote Link to post Share on other sites
codevinsky 84 Posted April 9, 2014 Author Report Share Posted April 9, 2014 Thanks, guys! I'll probably have part 5 up on friday. Quote Link to post Share on other sites
STuFF 13 Posted April 9, 2014 Report Share Posted April 9, 2014 I want to thank you for that tutorial. Very clear.good job ! Quote Link to post Share on other sites
Luis Felipe 17 Posted April 9, 2014 Report Share Posted April 9, 2014 Awesome! Thanks for sharing! Quote Link to post Share on other sites
bmceldowney 14 Posted April 10, 2014 Report Share Posted April 10, 2014 I like your generator. It's pretty sweet. gbachik 1 Quote Link to post Share on other sites
Kristoffer Darj 0 Posted April 11, 2014 Report Share Posted April 11, 2014 Nice tutorial.I'm eagerly waiting for part 5. Quote Link to post Share on other sites
codevinsky 84 Posted April 14, 2014 Author Report Share Posted April 14, 2014 Part 5 is up: http://codevinsky.ghost.io/phaser-2-0-tutorial-flappy-bird-part-5/ Quote Link to post Share on other sites
pl1997 0 Posted March 17, 2017 Report Share Posted March 17, 2017 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 ! Quote Link to post Share on other sites
ThothPsi 0 Posted July 19, 2018 Report Share Posted July 19, 2018 Hi. The site that host the tutorial is down. ... Does anyone here have this tutorial to share? Tks Quote Link to post Share on other sites
Tuan 3 Posted July 21, 2018 Report Share Posted July 21, 2018 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 Quote Link to post Share on other sites
ThothPsi 0 Posted July 23, 2018 Report Share Posted July 23, 2018 On 7/21/2018 at 1:20 AM, Tuan said: 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 Tks a lot!!!! 😁 Quote Link to post Share on other sites
Milton 124 Posted July 23, 2018 Report Share Posted July 23, 2018 It looks like https://archive.org/web/ has got it. Quote Link to post Share on other sites
ThothPsi 0 Posted July 26, 2018 Report Share Posted July 26, 2018 On 7/23/2018 at 5:24 PM, Milton said: It looks like https://archive.org/web/ has got it. Awesome man!!!! Tks a lot!!! Quote Link to post Share on other sites
Recommended Posts
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.