Cómo Hacer un Sprite Sheet para Godot
Todo lo que necesitas para crear, importar y animar sprite sheets en Godot 4. Genera un sprite sheet compatible con Godot con datos XML TextureAtlas y conéctalo a AnimatedSprite2D, SpriteFrames o AnimationPlayer.
Arrastra imágenes aquí (PNG, JPG, WebP, SVG)
o haz clic para explorar
El pipeline de Godot
Sprite Sheets en Godot 4
Godot ofrece múltiples formas de trabajar con sprite sheets. Elige el enfoque que mejor se adapte a tu proyecto.
AnimatedSprite2D + SpriteFrames
El enfoque más simple. Crea un recurso SpriteFrames, importa tu sprite sheet y define animaciones con rangos de frames. Ideal para animaciones simples de personajes y efectos.
Sprite2D + AnimationPlayer
Más potente y flexible. Usa Sprite2D con Region habilitado para referenciar áreas del sprite sheet. AnimationPlayer crea keyframes de la propiedad region_rect. Ideal para animaciones complejas con timing variable.
Recurso AtlasTexture
Crea recursos AtlasTexture que referencian regiones de tu sprite sheet. Combínalo con AnimatedSprite2D o úsalo directamente en código. Godot maneja el mapeo UV automáticamente.
Importación XML TextureAtlas
Importa los archivos PNG + XML desde nuestra herramienta. Godot puede analizar el formato XML TextureAtlas. Cada SubTexture se convierte en una región con nombre que puedes referenciar en código o el editor.
Paso a Paso: Crear e Importar Sprite Sheets para Godot
Flujo de trabajo completo desde la creación de tu sprite sheet hasta su animación en Godot 4.
Paso 1: Crear el Sprite Sheet
Sube tus imágenes de frames a nuestro Sprite Sheet Maker. Selecciona el diseño Grid, configura el padding apropiado (1-2px) y elige XML TextureAtlas como formato de exportación. Descarga el ZIP.
Paso 2: Importar en Godot
Coloca los archivos PNG y XML en la carpeta res:// de tu proyecto Godot. Godot auto-importa el PNG como Texture2D. Luego puedes referenciar las regiones del sprite usando las coordenadas XML.
Paso 3: Configurar AnimatedSprite2D
Agrega un nodo AnimatedSprite2D. Crea un nuevo recurso SpriteFrames. Añade frames desde tu sprite sheet — ya sea configurando regiones manualmente o usando un plugin de importación que lea el XML.
Paso 4: Crear Animaciones
Define nombres de animación (idle, walk, attack). Configura frames por animación, ajusta los FPS y habilita/deshabilita el loop. Prueba directamente en el editor de Godot usando el botón de vista previa.
Qué ruta de nodos de Godot encaja mejor
Especificaciones y limitaciones
Datos concretos, no promesas de marketing.
Solución: AnimatedSprite2D no se reproduce
Si el sprite sheet importa bien en Godot pero la animación no se mueve, revisa el recurso SpriteFrames antes de cambiar el PNG. La mayoría de los problemas vienen de frames no añadidos, nombre de animación distinto, velocidad en 0 o una animación sin loop.
Los frames están en SpriteFrames
No basta con asignar una textura al nodo. Crea o abre el recurso SpriteFrames y añade allí cada frame de la animación.
La grilla coincide con la hoja
Al añadir frames desde una hoja, configura los conteos horizontal y vertical según la grilla real. Un conteo incorrecto crea frames vacíos o repetidos.
El nombre coincide con el código
play("run") solo funciona si SpriteFrames tiene una animación llamada exactamente run, respetando mayúsculas y minúsculas.
Autoplay o play() está activo
AnimatedSprite2D no empieza solo porque existan frames. Activa Autoplay en el Inspector o llama a $AnimatedSprite2D.play("idle") en código.
Velocidad y cantidad de frames válidas
Confirma que speed_scale no sea 0, que los FPS sean mayores que 0 y que la animación tenga más de un frame.
El loop coincide con lo esperado
Una animación sin loop se detiene en el último frame. Activa Loop si idle o walk deben repetirse continuamente.
Preguntas Frecuentes sobre Sprite Sheets en Godot
Crea Sprite Sheets Listos para Godot
Genera sprite sheets con datos XML TextureAtlas para Godot 4 y continúa con nuestra guía general o con las herramientas de conversión relacionadas.