martes, 17 de junio de 2014

Como configurar ShoeBox para exportar archivos Json.

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.

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.

No hay comentarios:

Publicar un comentario