Estoy tratando de hacer un juego de cartas usando Phaser, el framework HTML5 JS. Como soy un artista terrible y no puedo diseñar el mío, estoy usando una hoja de sprites gratuita de imágenes de naipes que encontré en línea. El problema es que parece que no puedo entender cómo mostrar tarjetas individuales con Phaser.
En el marco anterior que utilicé, pude crear sprites individuales más pequeños a partir de la hoja de sprites más grande que usé. Pero no puedo entender cómo hacerlo en Phaser, si es posible.
Así que busqué cargar la imagen como una hoja de sprites, pero parece que las hojas de sprites se usan solo para animación y realmente no se puede mostrar un 'marco' particular de la hoja de sprites (corríjame si me equivoco).
Creo que lo que tengo que hacer es cargar la imagen como un mapa de mosaico, sin embargo, la imagen particular que estoy usando no vino con un archivo json que especifique el diseño (ni pude encontrar uno que sí lo hiciera). Como soy nuevo en JavaScript, tengo problemas para leer el código fuente de Phaser para ver cómo se debe formatear el archivo json.
En resumen, ¿cuál es la mejor manera de mostrar una tarjeta individual de una hoja de cartas de juego en Phaser dado que no tengo un archivo json que especifique los datos del mapa?