¿Qué es el creador de hojas de sprites?

Combina imágenes PNG. Ajusta columnas, separación y márgenes y descarga PNG y coordenadas.

Organiza imágenes individuales en una cuadrícula para juegos o animación web. Las celdas toman el mayor ancho y alto, sin estirar imágenes de distintos tamaños.

Casos de uso

• Videojuegos: Reúne fotogramas de un personaje en una sola imagen PNG.
• Preparación de recursos: Reconstruye una hoja tras recortar o redimensionar sprites.

Características:

• Cuadrícula: Ajusta columnas, separación entre celdas y margen exterior.
• Coordenadas: Exporta un JSON con las posiciones y dimensiones reales.
• Flujo conectado: Guarda PNG individuales en ZIP o envíalos al animador.

Instrucciones de Uso:

1. Elige PNG, JPEG o WebP, o un ZIP. Los archivos siguen el orden natural: frame2 antes de frame10.
2. Usa las flechas para ordenar y × para eliminar fotogramas.
3. Configura columnas, separación y margen. Genera de nuevo la vista previa tras cambiar opciones.
4. Revisa y descarga PNG, JSON o ZIP. Envía los fotogramas al animador para verlos en movimiento.

Consejos Pro:

• Unifica las dimensiones antes si tu motor requiere una cuadrícula fija.
• Recorta primero los bordes transparentes innecesarios y añade separación entre celdas.

Preguntas Frecuentes (FAQ)

P: ¿Se redimensionan las imágenes de distinto tamaño?
R: No. Cada celda usa el mayor ancho y alto; cada imagen conserva sus píxeles y se sitúa arriba a la izquierda.

P: ¿El JSON es un archivo específico para un motor?
R: Es un mapa general de posiciones y tamaños. Comprueba el formato que exige tu motor; no es un proyecto Unity o Godot.

P: ¿Se suben mis imágenes a un servidor?
R: El procesamiento ocurre en este navegador. Las transferencias entre herramientas se guardan solo aquí y se eliminan con Borrar transferencias guardadas.

Guías y artículos

• Cómo extraer sprites de una hoja de sprites
• La guía definitiva de sprite sheets
• Todos los tutoriales

Continuar con otra herramienta

• Recortar márgenes PNG
• Redimensionar pixel art
• GIF a hoja de sprites
• Creador de libros para colorear
• Animador de sprites