Herramientas · Generador de sprite sheets

Generador de sprite sheets: de modelos 3D a sprites 2D animados

Renderiza cualquier modelo de la biblioteca de Grab3D, o tu propio GLB, desde 1 hasta 16 direcciones. 24 personajes riggeados incluyen ciclos de andar y correr, así obtienes sprites animados en 8 direcciones para juegos top-down, isométricos y de vista lateral, con el pivote fijo en cada frame.

S

Descargar

Renderiza primero el sheet.

Modelo

…

o arrastra aquí un archivo .glb. Se queda en tu dispositivo.

Animación

Cámara

Proyección
Direcciones
Ángulo de vista

Estilo

Luz

Sheet

Disposición

Elige un modelo

    Cómo funciona

    1. Elige un modelo de la biblioteca (filtro "Riggeado" para personajes animados) o arrastra tu propio archivo GLB. Todo se ejecuta localmente en tu navegador.
    2. Elige las animaciones y cuántos frames tiene cada ciclo. Los frames se reparten de forma uniforme por el clip y el último termina un paso antes del primero, así el bucle se reproduce sin saltos.
    3. Ajusta la cámara: ortográfica o en perspectiva, 4, 8 o 16 direcciones y el ángulo de vista (lateral, isométrico 2:1 a 30°, isométrico real a 35,264° o top-down). Se mide un encuadre fijo para todos los frames y direcciones, el sprite nunca salta.
    4. Elige el estilo: tamaño de frame de 32 a 1024 px, modo pixel art con paleta limitada y contorno de 1 px, sombra en el suelo, preset de luz o sombreado toon.
    5. Renderiza, revisa la animación de cada dirección en el reproductor y descarga el atlas PNG con JSON para tu motor, un archivo SpriteFrames de Godot o un ZIP con frames sueltos.

    Formatos de exportación

    Atlas PNG
    Una fila por animación y dirección con los frames en columnas, o empaquetado en una cuadrícula compacta. Transparente o con color de fondo.
    JSON (hash de TexturePacker)
    Rectángulos de frame, pivote y una lista de animaciones con nombres como walk_NE, compatible con Phaser, PixiJS y la mayoría de importadores de atlas.
    JSON de Aseprite
    Duración de cada frame en milisegundos y frameTags por animación y dirección.
    Godot 4 .tres
    Un recurso SpriteFrames con una animación por dirección y clip, con velocidad y bucle ya ajustados.
    ZIP
    Atlas, todos los archivos de datos y cada frame suelto en PNG, en carpetas por clip y dirección.

    Consejos por motor

    Godot 4

    Coloca el PNG y el archivo .tres en la misma carpeta del proyecto, asigna el .tres a un AnimatedSprite2D (Sprite Frames) y llama a play("walk_E"). Para pixel art pon el filtro de textura en Nearest. El offset que se muestra tras renderizar coloca el pivote en el origen del nodo.

    Unity

    Importa el PNG como Sprite (2D and UI) con Sprite Mode Multiple y córtalo en el Sprite Editor con Grid By Cell Size (tamaño de frame, separación como padding) y un pivote personalizado. Unity cuenta el pivote desde abajo, el valor aparece tras renderizar. Para pixel art usa filtro Point y sin compresión.

    GameMaker

    Usa Import Strip Image con el tamaño de frame y los frames por fila, o el ZIP con frames sueltos por dirección. Pon el origen del sprite en el pivote en píxeles.

    Phaser y PixiJS

    Carga el PNG con el JSON como atlas de TexturePacker (Phaser load.atlas, PixiJS Spritesheet con la lista de animaciones lista) o con el JSON de Aseprite y anims.createFromAseprite en Phaser.

    Entrada y resultado: ejemplos de la biblioteca

    El generador convierte animación 3D en fotogramas 2D. Un modelo con rig da ciclos animados y un modelo estático da una vista por dirección. Los dos casos de la biblioteca:

    • Samurái con armadura lacada roja y dorada, cimera de media luna y katana, de pie en pose A

      Samurái

      Entrada
      Samurái: un personaje con rig y los clips walk y run.
      Resultado
      Ciclos de andar y correr en 4, 8 o 16 direcciones en un atlas PNG, con JSON para Phaser y PixiJS, JSON de Aseprite o un archivo SpriteFrames de Godot.

      Abrir este ejemploPágina del modelo

    • Cofre del tesoro de madera con tapa abombada, bandas y esquineras doradas y placa de cerradura dorada

      Cofre del tesoro

      Entrada
      Cofre del tesoro: un prop estático sin esqueleto.
      Resultado
      Un fotograma por dirección, por ejemplo ocho vistas de un objeto recogible para un juego isométrico, si quieres en pixel art con contorno de 1 px.

      Abrir este ejemploPágina del modelo

    Lo que no hace

    • Solo los modelos con esqueleto y clips dan sprites animados. Los modelos estáticos reciben un fotograma por dirección.
    • El modo pixel art reduce un render 3D a píxeles duros. No redibuja los detalles como lo haría un artista de pixel art.

    Preguntas frecuentes

    ¿Qué modelos puedo animar?

    Todos los modelos de la biblioteca con variante riggeada incluyen ciclos de andar y correr. El filtro "Riggeado" de la biblioteca los muestra. Los archivos GLB subidos conservan sus propias animaciones y puedes renderizar varios clips en un mismo sheet.

    ¿Por qué mi personaje se queda en el mismo sitio en cada frame?

    La herramienta mide primero el modelo en cada pose y cada dirección y después usa una sola cámara para todo el sheet. El pivote (el punto entre los pies) cae en el mismo píxel en cada frame, justo lo que un motor necesita para evitar temblores. El root motion se elimina por defecto, así los ciclos de andar se quedan en su sitio.

    ¿Cómo consigo pixel art de verdad en lugar de renders pequeños y borrosos?

    Activa el modo pixel art. Cada frame se renderiza más grande y se reduce con muestreo nearest o promedio a píxeles duros sin bordes suaves, después se puede ajustar a una paleta (PICO-8, DB16, Endesga 32, Game Boy, tus propios colores o N colores reducidos) y rodear con una línea de 1 px.

    ¿Qué direcciones renderiza la herramienta y cómo se llaman?

    Puedes renderizar 1, 4, 8 o 16 direcciones. Se nombran como una brújula vista en pantalla: S mira hacia el espectador, E hacia la derecha y N hacia el fondo. Los frames se llaman clip_dirección_frame, por ejemplo walk_NE_03, y cada etiqueta de animación es clip_dirección.

    ¿Se envía mi modelo subido a un servidor?

    No. La carga, el render y el empaquetado ocurren en tu navegador con WebGL. Tu archivo nunca sale de tu ordenador.

    ¿Puedo usar los sprites en juegos comerciales?

    Los sprites renderizados con modelos de la biblioteca de Grab3D son CC0 (dominio público): úsalos en proyectos comerciales sin atribución. Los sprites de tu propio modelo conservan la licencia de ese modelo.

    Todos los modelos de la biblioteca de Grab3D son CC0. Los sprites renderizados con ellos son libres para cualquier uso, incluido el comercial, sin atribución. Sobre la licencia

    Ver todos los modelos 3D gratis Personajes riggeados