📖 Docs
⚙ Settings
Vista
Muestra el tab de sprites individuales (para descargarlos sueltos)
Incluye partes internas en la lista de animaciones (útil para ver piezas sueltas)
Reutiliza frames idénticos en el preview (ahorra RAM, ~50-86% en animaciones con holds)
Oculta capas "blue mask" / "green mask" usadas como chroma key
Controla el blur del glow/ojo en personajes VS Impostor (BTA). 0 = sin blur, 100 = máximo
80
Rendimiento del dispositivo
Auto-detectado al cargar. Cámbialo si va lento o se ve pixelado.
● High
High = mejor calidad · Low = más rápido
RAM detectada
—
CPU cores
—
Heap JS
—
Dispositivo
—
Renderizado
Debug = muestra warnings · Tolerant = intenta recuperarse de errores
Si las partes se separan, prueba otro modo
Tamaño del canvas de preview en px
Frames por tick (más bajo = menos freeze)
FPS de preview y exportación (FNF usa 24)
Atlas cargado
Tamaño
—
RAM estimada
—
Sprites
—
Benchmark
—
Idioma
⚗ Experimental
Fusiona animaciones separadas (ej. FloraIdleBody + FloraIdleEyes). Puede no alinearse correctamente.
⚠ Error detectado
Se produjo un error durante el renderizado.

🗂 Spritemap Extractor

Adobe Animate · Sprites + Animaciones

Extrae sprites y animaciones de personajes de Friday Night Funkin'. Funciona 100% en tu navegador, sin enviar nada a servidores.

📁
Toca o arrastra la carpeta del personaje
Detecta spritemap.json · .png · Animation.json

📋 Modo clásico (archivos individuales)

📄
spritemap.json
Sin archivo
🖼
spritemap.png
Sin archivo
🎬
Animation.json
Sin archivo
⚙
metadata.json (opcional · BTA)
Sin archivo (opcional)
📦
LIBRARY/ folder (opcional · BTA símbolos)
Sin carpeta (opcional)
🎭
character.xml / .json (opcional · Codename Engine)
Sin archivo (opcional)
Escala:
Carga los archivos para comenzar.
0 sprites
0 anims
—
▶️ Reproducción
FPS: Controla la velocidad de reproducción del preview
🖼 Exportar animación
Escala: Formato:
Exporta frames individuales o secuencias completas
📊 Exportar spritesheet
Formato:
Exporta frames como spritesheets horizontales (WebP auto-escala)
🎨 Fondo del preview
Cambia el color de fondo del canvas de preview
Selecciona una animación para comenzar.