codevinsky Posted April 4, 2014 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 Mike, Luis Felipe, gbachik and 3 others 6 Link to comment Share on other sites More sharing options...
Alvin Posted April 4, 2014 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. Link to comment Share on other sites More sharing options...
codevinsky Posted April 4, 2014 Author 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 Link to comment Share on other sites More sharing options...
codevinsky Posted April 5, 2014 Author 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 Link to comment Share on other sites More sharing options...
rich Posted April 8, 2014 Share Posted April 8, 2014 Really nice tutorials. Added to the Phaser site links. Link to comment Share on other sites More sharing options...
meinside Posted April 8, 2014 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. Link to comment Share on other sites More sharing options...
codevinsky Posted April 8, 2014 Author Share Posted April 8, 2014 Wow. Thanks, Rich. Part 4 should be up by the end of the day. Link to comment Share on other sites More sharing options...
gaelbeltran Posted April 8, 2014 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. Link to comment Share on other sites More sharing options...
codevinsky Posted April 8, 2014 Author Share Posted April 8, 2014 Part 4 is up: http://codevinsky.ghost.io/phaser-2-0-tutorial-flappy-bird-part-4/ Link to comment Share on other sites More sharing options...
rich Posted April 8, 2014 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 Link to comment Share on other sites More sharing options...
gbachik Posted April 9, 2014 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 Link to comment Share on other sites More sharing options...
LeonardoDigital Posted April 9, 2014 Share Posted April 9, 2014 Great tutorials!Thank you! Link to comment Share on other sites More sharing options...
codevinsky Posted April 9, 2014 Author Share Posted April 9, 2014 Thanks, guys! I'll probably have part 5 up on friday. Link to comment Share on other sites More sharing options...
STuFF Posted April 9, 2014 Share Posted April 9, 2014 I want to thank you for that tutorial. Very clear.good job ! Link to comment Share on other sites More sharing options...
Luis Felipe Posted April 9, 2014 Share Posted April 9, 2014 Awesome! Thanks for sharing! Link to comment Share on other sites More sharing options...
bmceldowney Posted April 10, 2014 Share Posted April 10, 2014 I like your generator. It's pretty sweet. gbachik 1 Link to comment Share on other sites More sharing options...
Kristoffer Darj Posted April 11, 2014 Share Posted April 11, 2014 Nice tutorial.I'm eagerly waiting for part 5. Link to comment Share on other sites More sharing options...
codevinsky Posted April 14, 2014 Author Share Posted April 14, 2014 Part 5 is up: http://codevinsky.ghost.io/phaser-2-0-tutorial-flappy-bird-part-5/ Link to comment Share on other sites More sharing options...
pl1997 Posted March 17, 2017 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 ! Link to comment Share on other sites More sharing options...
ThothPsi Posted July 19, 2018 Share Posted July 19, 2018 Hi. The site that host the tutorial is down. ... Does anyone here have this tutorial to share? Tks Link to comment Share on other sites More sharing options...
Tuan Posted July 21, 2018 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 Link to comment Share on other sites More sharing options...
ThothPsi Posted July 23, 2018 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!!!! ? Link to comment Share on other sites More sharing options...
Milton Posted July 23, 2018 Share Posted July 23, 2018 It looks like https://archive.org/web/ has got it. Link to comment Share on other sites More sharing options...
ThothPsi Posted July 26, 2018 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!!! Link to comment Share on other sites More sharing options...
Recommended Posts