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).
I think what I need to do is load the image as a tilemap, however, the particular image that I'm using did not come with a json file specifying the layout (nor could I find one that did). Being new to javascript I'm having trouble reading the Phaser source code to see how the json file should be formatted.
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?