En esta ocasión vamos a configurar esta magnifica herramienta llamada ShoeBox la cual ya conocimos, para que se capaz de exportar un archivo json.
Esta entrada forma parte del archivo histórico del blog. Se ha limpiado su HTML y conservado el contenido original; cuando utiliza APIs antiguas, se indica el contexto para no confundirlas con las versiones modernas.
Si has jugado un poco con este programa notaras que ya exporta json, si pero ese fomato no nos sirve para usarlo en Phaser.
Para esto debemos modificar alguno valores en el programa y asi lograr el resultado que queremos. Entonces iniciamos el programa:
Seleccionamos las siguiente opcion:
Luego en la opcion File Format Loop (Objetos):
Selecciona ese linea y remplaza por la siguiente:
{"filename":"@id",\n\t\t"rotated": false,"trimmed": true,\n\t\t"frame": {"x":@x,"y":@y,"w":@w,"h":@h},\n\t\t"spriteSourceSize": {"x":@fx,"y":@fy,"w":@fw,"h":@fh},\n\t\t"sourceSize": {"w":@fw,"h":@fh}\n\t},Aqui solo agregue algunas descripciones que faltaban filename esto sera el nombre del archivo shoebox almacena ese nombre en id(identificacion),rotacion,ordenado,frame(cada cuadro),tamaño de la imagen original.
En la opcion siguiente File Format Outer (Envoltura de objetos):
Hacemos lo mismo pero con las siguientes opciones:
{"frames": [\n@loop],\n"meta": {\n\t"app": "ShoeBox",\n\t"size": {"w":@W,"h":@H}\n\n}\n\n}La envoltura es decir todos los objetos(frame) no son mas que un array con varios objetos llamado (frames), el nombre de la aplicacion ,tamaño de la imagen final.
En la opcion File Name cambiamos la extension a .json:
Luego presionamos en Apply(Aplicar) y listo ya tenemos nuestra herramienta lista para la accion.
El código de esta entrada pertenece a una versión antigua de Phaser. El concepto de sprites y recursos sigue siendo útil, pero para un proyecto nuevo conviene consultar la API de la versión de Phaser que estés utilizando en lugar de copiar literalmente estas llamadas.
No comments:
Post a Comment