How to create a smooth card flipping effect using just a couple of tweens.

Posted on 20th Sep 2017. Follow @phaser_ and get the Phaser World newsletter.


Emanuele Feronato presents a tutorial on creating a smooth card flipping effect: "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."

Read More

Learn to code and lead your intrepid crew on a mission to save The Cloud in TwilioQuest, a PC role-playing game inspired by classics of the 16-bit era. Free forever, and available now for Windows, Mac, and Linux.

The first book on the creation of HTML5 cross platform games using Phaser 3 and other free software.
  • By Emanuele Feronato
  • 155 Pages
  • 28 Source Code Examples
  • Build a complete game from start to finish
  • Cross Platform
  • Scaling for devices
Buy Now