Phaser 3 Experiment for Drawing Cards
Turn-based card strategy games are some of the most famous genres in today’s games. One of their main attractions is the card-drawing animation.
You can learn to build this card drawing process using HTML5 and Phaser 3. Check out these two experiments for a detailed example of the process.
Part 1 – covers the select-and-drag steps. Players can pick a card from their hand then move it around the screen.
Part 2 – covers the drop step, including a camera shake effect. After picking a card, players can drop it on the battlefield for a shaking effect.
However, you’ll learn from these two experiments that the function is quite complex. There’s an included game prototype in the two experiments for illustration purposes.