Create HTML5 Vertical Endless Runner cross platform games

Using Phaser framework and other FREE software
Endless runner games are gaining more and more popularity and they are really easy to code.
I will take you by hand through the creation of a complete HTML5 vertical endless runner cross platform game with a lot of features and room for customization.
100 pages + 31 source code examples with a free update to come in a few days.

How to create a HTML5 3D flipping card animation… in 2D using Phaser

Emanuele Feronato Game design, HTML5, Javascript, Phaser

If you plan to create card games, it will come a time when you have to show covered cards, showing their backs, and then you need to flip them showing their value.

Normally, with a 3D engine it would be really an easy task, as it’s just a primitive which flips along one of its axis.

What to do when we aren’t using a 3D engine? We can fake the flip movement using a couple of Phaser tweens.

We can zoom the card along its vertical axis, giving the feeling the card is being raised, while we shrink it along its horizontal axis until the card is just a line – that’s the moment when the card is perpendicular to the table.

Then we change card frame, lower the card acting on its y scale while we enlarge it along its horizontal axis to slowly show the new frame.

Click or tap on the card to make it flip.

Here is the completely commented source code, for you to play:

Now you can add some realism to your 2D card games. Next time I will show you how to add shadows and another couple of interesting effects, meanwhile download the source code.

Stay up to date
Follow me on the social networks and never miss a post.

Official Emanuele Feronato Facebook page

Official Emanuele Feronato Twitter account

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Leave a Reply

Your email address will not be published. Required fields are marked *