Recreate the card handling effect using Phaser Drag Events.

Posted on 28th May 2021. Follow @phaser_ and get the Phaser World newsletter.


Emanuele Feronato writes: "Are you destroying enemies in Legends of Runeterra? I am a Platinum player at the moment, and I am enjoying it a lot.

With the power of Phaser’s drag events, I built this “Legends of Runeterra” way of handling cards in your hand. HTML5 example with complete source code to download.

I play mostly on my iPhone, and love the way the game shows the cards in your hand, in the bottom right part of the screen.

So I played a bit with Phaser drag listeners and I managed to create something similar in HTML5.

The whole card drawing process is going to be quite complex, so I decided to break it into steps. In this first step, we’ll see how to display cards in our hand, select them and move them around the screen."

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