z4srh

Request for feedback on first Phaser game - Happy Tappy Planes

1 post in this topic

I made this over the past couple of days to learn how to use Phaser. Since most of the Phaser tutorials are "How to make a Flappy Bird clone", that's what I did. Tap your screen or click the mouse to make the plane jump.

 

GAME: https://googledrive.com/host/0B1IUw9_zL0qwMmliaVJzNXJ6bU0/index.html

 

Expect a black screen when starting - couldn't figure out the loading bar.

 

post-12456-0-21219400-1420691795.png

 

Source code is here: https://drive.google.com/folderview?id=0B1IUw9_zL0qwZ20xZk1oaGdodDg (Main game is in assets/js/states/game.coffee)

 

Would love critical feedback, especially on the source and my use of Phaser - wasn't trying to make the game original, just trying to make something complete to get a feel for the framework. In particular:

 

- I wasn't sure about the proper way to spawn enemies off screen and then having them disappear when they went off screen. So my solution was to use events.onEnterBounds to set the this.outOfBoundsKill on sprites.

 

- I wasn't sure the proper way to use groups with multiple similar element types so in hindsight, my use of groups was probably also suboptimal - I had one group shared by each of the stars types, and another shared by each of the spike types (so two groups total).

 

- The way I render scores means that I create new sprites each time, kinda hacky.

 

- The depth that entities are placed at leads to some awkward clipping sometimes.

 

- Didn't realize that there was game.rng available, instead of using Math.random() until later.

 

But hey, first effort! Overall, really enjoying Phaser. Next game will be more original hopefully :)

 

If you want to clear your highscore open up a Javascript console and say "localStorage.setItem('highscore', 0)"

 

Credits:

Used Kenny.nl from OpenGameArt's awesome art/concept: http://opengameart.org/content/tappy-plane You should check out his other stuff, I'm really excited about the isometric tiles he's doing.

Got hooked on Phaser with this tutorial: http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-1/ but looked at many others.

Used this skeleton for Phaser with Coffeescript: https://github.com/kevinthompson/phaser-template

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.