Animador de Pixel Art

La animación de pixel art es el proceso de crear la ilusión de movimiento mostrando una secuencia de fotogramas estáticos de pixel art en rápida sucesión. Cada fotograma es una pequeña rejilla de píxeles (típicamente 16×16, 32×32 o 64×64) que representa una pose de un personaje u objeto. Cuando se reproduce a 8-15 fotogramas por segundo (fps), el cerebro percibe movimiento fluido. Esta técnica se usó en videojuegos clásicos como Super Mario Bros., The Legend of Zelda y Pokémon, y ha experimentado un renacimiento en juegos indie modernos como Celeste y Stardew Valley.

El principio fundamental de la animación de pixel art es 'squash and stretch' — deformar la forma del personaje para transmitir peso, impacto y elasticidad. Una pelota que rebota se aplasta cuando golpea el suelo y se estira cuando se mueve rápido. El ciclo de caminar de un personaje alterna entre una pose de 'contacto', una pose de 'retroceso', una pose de 'paso' y una pose de 'punto alto'. Estos principios, codificados por los animadores de Disney en la década de 1930, se aplican igualmente al pixel art que a la animación tradicional.

Our tool implements a frame-based animation system: each frame is stored as a 2D array of color indices (or transparent), the timeline defines the order and duration of frames, and the preview player cycles through the timeline at the specified fps. The canvas renderer draws each pixel as a scaled-up square (e.g., a 16×16 frame rendered at 8x scale fills a 128×128 canvas) to maintain the crisp pixel aesthetic. For export, frames are encoded as an animated GIF using a GIF encoder library, or as a sprite sheet (all frames arranged in a grid on a single image).

Los GIFs animados son autónomos — un solo archivo contiene todos los fotogramas y la información de temporización, y puede mostrarse en cualquier navegador o visor de imágenes sin software especial. Sin embargo, los GIFs están limitados a 256 colores y usan compresión LZW sin pérdida, resultando en tamaños de archivo grandes para animaciones complejas. Los GIFs son ideales para compartir animaciones en la web, en aplicaciones de chat y en documentación.

Sprite sheets are the standard format for game engines (Unity, Godot, Phaser). All frames are arranged in a grid on a single image (e.g., a 4×4 grid of 32×32 frames creates a 128×128 sprite sheet). The game engine uses metadata (frame positions and dimensions) to extract individual frames at runtime. Sprite sheets support full color (PNG format) and are more efficient for game rendering because the GPU can load the entire sheet as a single texture. Our tool can export both formats -- use GIF for sharing and sprite sheets for game development.