¿Qué es una hoja de sprites? Una explicación clara de cómo se mueven los personajes de un juego
Cuando empiezas a dibujar personajes en pixel art, tarde o temprano te topas con el término "hoja de sprites" (sprite sheet). Comparto una explicación pensada para principiantes que Keitaro escribió en note, porque recorre paso a paso cómo funciona el sistema y me pareció muy útil.
Un sprite es una imagen 2D que se muestra en la pantalla del juego. Personajes, enemigos, objetos, balas y efectos entran en esta categoría, y una hoja de sprites es el resultado de agruparlos en una sola imagen grande. En una animación de caminar, se muestra un fotograma con el pie derecho adelante, luego otro con los dos pies juntos y después otro con el pie izquierdo adelante, cambiando rápido para que parezca que camina. Dicho de otro modo, el movimiento surge de cambiar imágenes fijas, no de un vídeo.
El juego no muestra la imagen grande completa. Recorta solo el fotograma que necesita dividiendo la imagen en coordenadas. Por ejemplo, si cada fotograma mide 128×128 px y hay ocho en fila, el área visible pasa de 0–127 px a 128–255 px, y así sucesivamente. El artículo también pone un ejemplo en el que el eje horizontal son 8 direcciones y el vertical son acciones (caminar, atacar, recibir daño, defender), de modo que se gestionan 8 direcciones × 7 estados, es decir, 56 fotogramas.
Al usarlas en la práctica, el artículo insiste en que lo importante es alinear la posición de referencia de cada fotograma. Si los pies se desplazan unos píxeles de un cuadro a otro, el personaje parece temblar arriba y abajo durante la animación. Mantener el fondo transparente también es imprescindible.
Por último, aclara la diferencia entre una hoja de sprites, que es simplemente un conjunto de imágenes relacionadas, y un atlas de sprites, que empaqueta varias imágenes en una sola textura para mejorar la eficiencia del dibujado. Lo que más me quedó es su resumen: hacer las imágenes es menos difícil que darles una forma que el juego pueda usar correctamente. Creo que también será útil para quienes dibujan pixel art, sobre todo en la fase de exportación.
Fuente: note (Keitaro)
Un sprite es una imagen 2D que se muestra en la pantalla del juego. Personajes, enemigos, objetos, balas y efectos entran en esta categoría, y una hoja de sprites es el resultado de agruparlos en una sola imagen grande. En una animación de caminar, se muestra un fotograma con el pie derecho adelante, luego otro con los dos pies juntos y después otro con el pie izquierdo adelante, cambiando rápido para que parezca que camina. Dicho de otro modo, el movimiento surge de cambiar imágenes fijas, no de un vídeo.
El juego no muestra la imagen grande completa. Recorta solo el fotograma que necesita dividiendo la imagen en coordenadas. Por ejemplo, si cada fotograma mide 128×128 px y hay ocho en fila, el área visible pasa de 0–127 px a 128–255 px, y así sucesivamente. El artículo también pone un ejemplo en el que el eje horizontal son 8 direcciones y el vertical son acciones (caminar, atacar, recibir daño, defender), de modo que se gestionan 8 direcciones × 7 estados, es decir, 56 fotogramas.
Al usarlas en la práctica, el artículo insiste en que lo importante es alinear la posición de referencia de cada fotograma. Si los pies se desplazan unos píxeles de un cuadro a otro, el personaje parece temblar arriba y abajo durante la animación. Mantener el fondo transparente también es imprescindible.
Por último, aclara la diferencia entre una hoja de sprites, que es simplemente un conjunto de imágenes relacionadas, y un atlas de sprites, que empaqueta varias imágenes en una sola textura para mejorar la eficiencia del dibujado. Lo que más me quedó es su resumen: hacer las imágenes es menos difícil que darles una forma que el juego pueda usar correctamente. Creo que también será útil para quienes dibujan pixel art, sobre todo en la fase de exportación.
Fuente: note (Keitaro)
Comentarios 0
Deja el primer comentario, en el idioma que quieras.
Inicia sesión para comentar