De modelo 3D a sprite sheet de 8 direcciones

Sprite sheets en 8 direcciones a partir de un modelo 3D

Sube un modelo 3D riggeado y la cámara orbita el eje Y, renderizando cada dirección y muestreando la animación en el número de fotogramas que pidas, para luego montarlo todo en una única hoja PNG transparente. Todas las direcciones comparten la misma inclinación de cámara y el mismo encuadre, así que el personaje nunca cambia de tamaño entre direcciones. El renderizado se ejecuta en tu navegador, por lo que no cuesta créditos.

Cómo funciona

1Sube un modelo
Un GLB o GLTF riggeado. Con un esqueleto de Mixamo, los archivos de animación separados encajan directamente.
2Elige una animación
Usa un clip incluido en el modelo, o sube un GLB que contenga solo animación.
3Configura cámara y celdas
Número de direcciones (4/8/16), fotogramas por dirección, tamaño de celda, proyección e inclinación de cámara.
4Exporta la hoja
Un PNG transparente más un archivo JSON con el rectángulo de cada celda.

Arriba: el control Pixelado del espacio de trabajo, puesto en 3×, junto a Direcciones, Fotogramas por dirección y Tamaño de celda. Abajo: el mismo fotograma de caminata renderizado dos veces — a la izquierda el render 3D normal, a la derecha el mismo fotograma con el pixelado activado. — Pixelado es el último de los ajustes de celda, junto a Tamaño de celda. Debajo, el mismo fotograma desde la misma cámara con solo esa opción cambiada: la celda se renderiza a una fracción de su resolución y luego se dibujan contornos donde se corta la profundidad —alrededor de la silueta y allí donde un brazo cruza el cuerpo, que se oscurecen— y donde la superficie gira, que se aclara. Se muestra ampliado: el sprite mide 41 píxeles de alto. Fíjate en que los colores siguen siendo los continuos que da la iluminación: es un render 3D reducido, no pixel art colocado a mano.

Qué hace cada control

1 · Modelo del personaje: Carga un GLB o GLTF con esqueleto. La cámara se ajusta sola a la caja envolvente del modelo, así que un modelo de Mixamo creado en centímetros queda normalizado por ti. Sin esqueleto no hay nada que animar.
2 · Archivo de animación (opcional): Opcional. Un GLB cuyos clips se readaptan a tu modelo por nombre de hueso. Solo se conservan las pistas de rotación: la posición y la escala pertenecen al esqueleto de origen y hundirían un modelo de proporciones distintas.
Animación: Todos los clips encontrados, tanto los que venían dentro del modelo como los del archivo de animación. Al elegir uno se reproduce en la vista previa y se habilita la exportación. Si un clip apunta a huesos que tu modelo no tiene, un aviso te dice cuántos.
Restablecer vista: Devuelve la cámara a la dirección y la inclinación actuales y deshace el zoom. La vista libre es solo para inspeccionar: la exportación siempre usa la dirección y la inclinación de abajo, no el ángulo al que hayas arrastrado la vista.
Tira de direcciones: Las ocho vistas pequeñas bajo la previsualización renderizan las ocho orientaciones en vivo. Haz clic en una para llevar la vista principal hasta ella. Están para detectar orientaciones que no se leen: una pose puede verse bien de frente y ser indescifrable de espaldas.
Proyección: La ortográfica alinea cada dirección al suelo con exactitud. Las tres opciones de lente añaden perspectiva; el teleobjetivo se mantiene cerca de la ortográfica y devuelve algo de profundidad. Cambiar de opción conserva el encuadre y solo altera cuánta perspectiva obtienes.
Inclinación de la cámara: La inclinación hacia abajo, compartida por todas las direcciones. Lateral 0° va bien para un plataformas, 30–45° para un RPG cenital clásico. Inclinaciones distintas por dirección desalinearían la hoja, así que hay un único ajuste para todas.
Direcciones: Cuántas orientaciones renderizar alrededor del eje Y. Ocho es lo habitual; cuatro reduce la hoja a la mitad si tu juego solo camina en las direcciones cardinales; dieciséis suaviza el giro a costa del tamaño.
Fotogramas por dirección: Cuántas muestras tomar del clip. El punto final queda excluido, de modo que el primer y el último fotograma se unen sin costura en un bucle.
Tamaño de celda: El tamaño en píxeles de una celda antes del recorte. Después se recorta el margen transparente común, así que la celda final suele ser menor que esto y ya no es cuadrada.
Pixelar: Renderiza cada celda a una fracción de su resolución y dibuja contornos en los cortes de profundidad y de normales. Con esto activo la hoja se salta el reescalado final, que es lo que mantiene todos los bloques de píxeles del mismo tamaño.
Generar sprite sheet: Renderiza direcciones × fotogramas celdas en tu propia GPU y luego las monta en un único PNG transparente con una fila por dirección. No se cobra nada por ello.
Descargar PNG / Metadatos JSON: La hoja en sí, y un JSON con el rectángulo de cada celda más el número de columnas y filas que tu motor necesita para trocearla.
Sácalo a pasear: Pasea la hoja terminada con WASD o el puntero. Si el arte está bien se ve estando quieto; si las direcciones están bien asignadas solo se revela cuando das una vuelta completa.

Especificaciones de un vistazo

Entrada	GLB / GLTF riggeado (se recomienda esqueleto de Mixamo)
Salida	Hoja PNG transparente + metadatos JSON
Direcciones	4, 8 o 16
Coste en créditos	Ninguno — el renderizado se ejecuta en tu navegador
Cámara	Ortográfica o lente de 15°/30°/50°, inclinación de 0° a 60°
Pixelado	Desactivado, o bloques de 2× / 3× / 4× con contornos de profundidad y normales
Motores	Unity, Godot, Phaser, RPG Maker, cualquier motor que lea una hoja en cuadrícula

Lo que no hace bien

El movimiento solo es tan bueno como el modelo que traigas. Aplica un ciclo de caminata genérico de una biblioteca de animaciones a un personaje y las cosas que deberían balancearse — un lazo del pelo, un morral, el faldón de un abrigo — simplemente no se mueven; ese movimiento secundario tiene que animarse con curvas en 3D. Los esqueletos que no son de Mixamo pueden no aceptar clips externos, y el auto-rigging aún no está soportado, así que el modelo tiene que llegar riggeado. Además, un render 3D reducido de escala no se lee igual que el pixel art colocado a mano.

Preguntas frecuentes

¿Esto cuesta créditos?

No. El renderizado ocurre en tu propio equipo dentro del navegador, así que no hay nada que facturar.

¿Puedo usar un modelo sin rig?

Todavía no — necesita un esqueleto. Pásalo antes por Mixamo o por un auto-rigger.

¿De dónde salen las animaciones?

O bien de clips incluidos en tu modelo, o bien de un GLB aparte que contenga la animación. Los esqueletos de Mixamo se transfieren directamente.

¿Por qué el personaje se queda en el sitio?

Es deliberado. Hornear el movimiento de raíz en una hoja hace que el personaje se salga de la celda fotograma a fotograma; el desplazamiento pertenece al motor.

¿Cómo lo importo en Unity o Godot?

Arrastra el PNG y recórtalo según el número de columnas y filas del JSON. En Godot, suele ser más rápido pasar los fotogramas individuales a SpriteFrames.

Sprite sheets en 8 direcciones a partir de un modelo 3D

Cómo funciona

1Sube un modelo

Un GLB o GLTF riggeado. Con un esqueleto de Mixamo, los archivos de animación separados encajan directamente.

2Elige una animación

Usa un clip incluido en el modelo, o sube un GLB que contenga solo animación.

3Configura cámara y celdas

Número de direcciones (4/8/16), fotogramas por dirección, tamaño de celda, proyección e inclinación de cámara.

4Exporta la hoja

Un PNG transparente más un archivo JSON con el rectángulo de cada celda.

Pixelado es el último de los ajustes de celda, junto a Tamaño de celda. Debajo, el mismo fotograma desde la misma cámara con solo esa opción cambiada: la celda se renderiza a una fracción de su resolución y luego se dibujan contornos donde se corta la profundidad —alrededor de la silueta y allí donde un brazo cruza el cuerpo, que se oscurecen— y donde la superficie gira, que se aclara. Se muestra ampliado: el sprite mide 41 píxeles de alto. Fíjate en que los colores siguen siendo los continuos que da la iluminación: es un render 3D reducido, no pixel art colocado a mano.

Qué hace cada control

1 · Modelo del personaje

Carga un GLB o GLTF con esqueleto. La cámara se ajusta sola a la caja envolvente del modelo, así que un modelo de Mixamo creado en centímetros queda normalizado por ti. Sin esqueleto no hay nada que animar.

2 · Archivo de animación (opcional)

Opcional. Un GLB cuyos clips se readaptan a tu modelo por nombre de hueso. Solo se conservan las pistas de rotación: la posición y la escala pertenecen al esqueleto de origen y hundirían un modelo de proporciones distintas.

Animación

Todos los clips encontrados, tanto los que venían dentro del modelo como los del archivo de animación. Al elegir uno se reproduce en la vista previa y se habilita la exportación. Si un clip apunta a huesos que tu modelo no tiene, un aviso te dice cuántos.

Restablecer vista

Devuelve la cámara a la dirección y la inclinación actuales y deshace el zoom. La vista libre es solo para inspeccionar: la exportación siempre usa la dirección y la inclinación de abajo, no el ángulo al que hayas arrastrado la vista.

Tira de direcciones

Las ocho vistas pequeñas bajo la previsualización renderizan las ocho orientaciones en vivo. Haz clic en una para llevar la vista principal hasta ella. Están para detectar orientaciones que no se leen: una pose puede verse bien de frente y ser indescifrable de espaldas.

Proyección

La ortográfica alinea cada dirección al suelo con exactitud. Las tres opciones de lente añaden perspectiva; el teleobjetivo se mantiene cerca de la ortográfica y devuelve algo de profundidad. Cambiar de opción conserva el encuadre y solo altera cuánta perspectiva obtienes.

Inclinación de la cámara

La inclinación hacia abajo, compartida por todas las direcciones. Lateral 0° va bien para un plataformas, 30–45° para un RPG cenital clásico. Inclinaciones distintas por dirección desalinearían la hoja, así que hay un único ajuste para todas.

Direcciones

Cuántas orientaciones renderizar alrededor del eje Y. Ocho es lo habitual; cuatro reduce la hoja a la mitad si tu juego solo camina en las direcciones cardinales; dieciséis suaviza el giro a costa del tamaño.

Fotogramas por dirección

Cuántas muestras tomar del clip. El punto final queda excluido, de modo que el primer y el último fotograma se unen sin costura en un bucle.

Tamaño de celda

El tamaño en píxeles de una celda antes del recorte. Después se recorta el margen transparente común, así que la celda final suele ser menor que esto y ya no es cuadrada.

Pixelar

Renderiza cada celda a una fracción de su resolución y dibuja contornos en los cortes de profundidad y de normales. Con esto activo la hoja se salta el reescalado final, que es lo que mantiene todos los bloques de píxeles del mismo tamaño.

Generar sprite sheet

Renderiza direcciones × fotogramas celdas en tu propia GPU y luego las monta en un único PNG transparente con una fila por dirección. No se cobra nada por ello.

Descargar PNG / Metadatos JSON

La hoja en sí, y un JSON con el rectángulo de cada celda más el número de columnas y filas que tu motor necesita para trocearla.

Sácalo a pasear

Pasea la hoja terminada con WASD o el puntero. Si el arte está bien se ve estando quieto; si las direcciones están bien asignadas solo se revela cuando das una vuelta completa.