Cómo usar Texturepacker para hacer un plist

1. Descargar TexturePacker

Se recomienda utilizar TexturePacker. Basta con utilizar la función gratuita para crear lo que necesitamos. La función de pago no es necesaria por el momento. Dirección de descarga: /texturepacker/

Simplemente descárguelo e instálelo.

2. Úselo gratis

Utilice la tercera opción: "Usar gratis", no usaremos la función paga

3. Agregue una miniatura <. /p>

Simplemente arrastre la imagen pequeña a la ventana de Sprites a la derecha y luego arrastre otras imágenes en secuencia.

Después de arrastrar las imágenes por turno, el software seleccionará automáticamente una imagen vacía. posición para colocar la imagen y registre la posición de la imagen en la imagen. Los lectores atentos pueden encontrar que el software gira automáticamente una imagen para ahorrar espacio. y no es necesario que nos importe al hacer referencia a él en el código, el archivo plist lo registrará, solo necesitamos citar el nombre de la imagen. Finalmente exporta la imagen.

4. Exportar imágenes y archivos plist

Haga clic en Publicar y seleccione la ubicación de exportación del archivo

Finalmente, se generan las imágenes y los archivos plist correspondientes. use Cocos2d para desarrollar juegos...

¿Cómo guardar la ubicación de la imagen en el archivo plist?

El archivo plist es un archivo xml. Podemos abrirlo con Eclipse o Notepad

[html] ver copia simple

lt;?xml version=". 1.0 " encoding="UTF-8"?gt;

lt;!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "/DTDs/PropertyList-1.0.dtd" gt;

lt; plist versión="1.0"gt;

lt; dictgt;

lt;

lt;dictgt;

lt;keygt;character1.pnglt;/keygt;

lt;dictgt

lt;keygt;framelt;/ clavegt;

lt; clavegt; {68, 90}}lt;

lt; >

lt;stringgt;{1,-5}lt;/stringgt;

lt;keygt;rotatedlt;/keygt;

lt;false/gt; p >

lt;keygt;sourceColorRectlt;/keygt;

lt;stringgt;{{15, 10}, {68, 90}}lt;/stringgt; lt; tamaño de fuente; /keygt;

lt; {96, 100}lt; ; keygt; caracter2.pnglt;/keygt;

lt;dictgt;

lt;keygt;framelt; 72, 2}, {76, 88}}lt;/stringgt;

lt; offsetlt;/keygt; ; /stringgt;

lt; keygt;/keygt;

lt; /p>

lt; false/gt; p>

lt; {106, 100}lt;

lt;

lt;keygt;character3.pnglt;/keygt;

lt;dictgt;

lt;keygt;framelt;/keygt; {150, 2}, {76, 100}}lt;/stringgt;

lt; offsetlt;/keygt; ;/stringgt;

lt;keygt;rotatedlt;/keygt;

lt;true/gt

lt;keygt;sourceColorRectlt;/keygt; /p>

lt; stringgt; {{23, 1}, {76, 100}}lt; / stringgt;

lt; tamaño de fuente / keygt; >lt; cadenagt; {106, 110}lt;/stringgt;

lt;/dictgt; metadatalt;/keygt;

lt;dictgt;

lt;keygt;formatlt;/keygt;

lt;integergt;2lt;/integergt; p>

lt; p>

lt; keygt;/stringgt;

lt; tamañolt;/keygt;

lt; stringgt;

:4d9f9052f72b479531d5262ac554d5db:c14790402c7beb896b15e46c664da0c0:aee6d656c46f4f58abed154134950510$lt;/stringgt;

lt;keygt;textureFileNamelt; / keygt;

lt; cadenagt; imagen.pnglt;/ stringgt;

lt;/dictgt;

lt;/dictgt;

lt;/plistgt; vea que un lt; keygt; corresponde a un Valor, este valor puede ser un área rectangular lt; dictgt;, o puede ser una cadena lt; stringgt;.

character1.png: Atributo // El nombre de la imagen pequeña, puede hacer referencia directamente a la imagen a través de este nombre en el código

frame: {{2, 2}, { 68, 90}} // La esquina superior izquierda y la esquina inferior derecha del área donde se encuentra la imagen Coordenadas

desplazamiento: {2,-6} // Desconocido

rotated: false // Ya sea para rotar, puedes ver que el valor de la tercera imagen es verdadero

sourceColorRect: {{23, 1}, {76, 100}} // Desconocido

sourceSize: {106, 110} // Desconocido

Bien, importe las imágenes y los archivos plist a la carpeta de activos para su desarrollo.