I am trying to make a card game using Phaser, the HTML5 JS framework. Because I’m a terrible artist and can’t design my own, I’m using a free spritesheet of playing card images I found online. The problem is, I can’t seem to figure out how to display individual cards using Phaser.
In the previous framework I used, I was able to create individual smaller sprites from the larger sprite sheet that I used. But I can’t figure out how to do that in Phaser, if it’s possible at all.
So I looked into loading the image as a spritesheet, but it seems that spritesheets are used for animation only and you can’t really display a particular ‘frame’ of the spritesheet (please correct me if I’m wrong).
So in summary, what’s the best way to display an individual card of a spritesheet of playing cards in Phaser given that I don’t have a json file specifying the map data?