Tower Unite – Lienzos animados Crear

Crear lienzos animados

Convirtiendo tu GIF

A convierte tu GIF para usar una hoja de sprites: https://ezgif.com/gif-to-sprite

Nota: Tome nota del tamaño de sus archivos GIF / Webp, convertirlos en una hoja de sprites aumentará enormemente sus tamaños, accidentalmente creé un archivo de 127MiB antes, también puede usar el mismo sitio web para cambiar el tamaño de los archivos animados.

En esa página, sube tu imagen.

Una vez cargado, debe mirar el número de fotogramas y calcular las filas / columnas para su hoja de sprites.
Esto es importante porque de lo contrario no obtendrá una cuadrícula de cuadros perfectamente llena.

Es fácil. En este ejemplo, mi archivo tiene 66 cuadros, que se crean fácilmente multiplicando 11 y 6. Por lo tanto, tendremos una buena cuadrícula de 11 por 6 y nuestros cuadros llenarán toda la hoja de sprites. Si tiene un número primo, simplemente deberá hacer 1 * (número de fotogramas).
Ahora asegúrese de poner cualquiera de sus factores en la sección de columnas, luego presione convertir. (Reemplazaría el 5, con 11, en la imagen de arriba)

Recuerde, para ahorrar ancho de banda use el formato JPG;

Una vez convertido, haga clic derecho y guarde su archivo. Luego, querrá volver a cargar la imagen en algún lugar como Imgur, donde el archivo no se eliminará.

Una vez en el juego, pega la URL de tus hojas de sprites y habilita la animación.

Ahora tendrá que configurar las columnas y filas, ingresar lo que calculó, las mías son 11 y 6, y ahora debería ver que su animación se reproduce correctamente.

Puede ajustar la velocidad a lo que se ve mejor.

Ayuda extra

La optimización es importante, intente reducir el tamaño de los archivos y el número de fotogramas de sus GIF, si es posible, trate de que se vea suave con una buena calidad con el menor impacto en el rendimiento.
Aquí hay un consejo de CarbonCopyCat para posiblemente reducir el tamaño de los archivos, reduciendo los colores, etc.
https://forums.pixeltailgames.com/t/tip-for-optimizing-animated-canvases-save-for-web-as-png-8/35916

Loading...

La publicación Tower Unite – Animated Canvases Create apareció primero en emagtrends.

Loading...