Flujos de trabajo creativos
Cómo crear un ciclo de caminata en pixel art sin pies que resbalen
Un mensajero puede verse bien en cada imagen y deslizarse al reproducir la animación. Para revisar la caminata, sigue el pie apoyado, además del contorno del personaje.
El mensajero ficticio lleva chaqueta ámbar y bandolera gris carbón. El ejemplo real produce ocho fotogramas laterales de 32 × 32, una tira y un bucle de muestra. Los archivos pasan las comprobaciones; revisar las poses y el movimiento es otra etapa de aceptación.
Define el encargo antes de pedir ocho imágenes
Decide la dirección, el tamaño, la paleta y la velocidad prevista antes de generar poses. Conserva la referencia en el lienzo de Ciyo e indica qué debe seguir reconocible: la chaqueta, la correa y la forma de la cabeza.
El modelo de imágenes ayuda a fijar el estilo, pero puede producir una hoja de contactos con separaciones irregulares o píxeles inventados. Úsala como referencia hasta disponer de archivos individuales con dimensiones y alineación comprobadas.
Planifica un ciclo lateral de caminata de ocho fotogramas para este mensajero. Cada fotograma debe medir 32 × 32 píxeles, con fondo transparente y la paleta ámbar/gris carbón aprobada. Mantén la cabeza y la bandolera. Define contacto, descenso, paso y elevación para ambas piernas. No presentes una hoja como terminada hasta revisar los archivos reales.Mantén el mismo origen y la misma línea de suelo
Coloca todos los fotogramas en cajas del mismo tamaño. Fija un origen para los pies y mantenlo durante todo el bucle. Si recortas cada pose alrededor del personaje, su posición aparente saltará al reproducirla.
Pide al agente de diseño de Ciyo que prepare vistas de los fotogramas en su espacio de archivos sin suavizado. Para ampliar un sprite, usa el vecino más cercano: un escalado fotográfico crea colores intermedios y borra la cuadrícula. Conserva los originales.
Sigue el pie durante el apoyo
Cuando el personaje avanza por la pantalla, el pie de apoyo debe permanecer aproximadamente fijo respecto al suelo. En una vista estacionaria, ese pie se desplaza hacia atrás respecto al cuerpo. Revisa ambos casos por separado.
Reproduce el bucle sobre un suelo con marcas visibles. Si el pie avanza con el cuerpo mientras está apoyado, corrige las poses de contacto o sincroniza la animación con el desplazamiento. Una animación fluida no garantiza una caminata correcta.
La revisión sobre suelo fijo usa los PNG reales a una velocidad ilustrativa de 2 píxeles por fotograma y 10 fps (20 px/s). Con tolerancia cero al contacto fuera de la huella del pie plano, la punta original se desliza 1 píxel hacia delante al impulsarse en ambas mitades: 22→23 y 30→31. La prueba muestra un fallo; las dimensiones y la transparencia no demuestran un movimiento correcto.
Revisa la tira y el bucle
Amplía la tira para localizar cambios en la cabeza, la correa y la paleta. Después vuelve al tamaño real. Un salto de un píxel en la bandolera puede parecer pequeño ampliado y distraer al repetirse.
| Revisión | Qué comprobar | Cuándo corregir |
|---|---|---|
| Cuadrícula | Ocho fotogramas individuales de 32 × 32 | Dimensiones distintas o escala fraccionaria |
| Apoyo | Posición del pie respecto a las marcas | Deslizamiento durante el apoyo |
| Identidad | Cabeza, chaqueta y bandolera | Cambios imprevistos entre fotogramas |
| Unión del bucle | Último fotograma seguido del primero | Salto o pausa involuntaria |
Separa el número de fotogramas de la velocidad
Ocho fotogramas no significa ocho fotogramas por segundo. Define la frecuencia por separado y evalúala junto al movimiento. Una caminata más lenta puede necesitar otros tiempos sin cambiar los dibujos.
Guarda una vista con números de fotograma y otra limpia. La primera permite señalar la transición defectuosa; la segunda muestra lo que verá quien juegue. Comprueba también el paso del último fotograma al primero.
En una propuesta rev1 separada, solo cambian seis píxeles en cada fotograma de contacto 1 y 5 para retrasar un píxel la punta que impulsa. Se conservan los otros seis fotogramas. El agente de Ciyo informa de cero contacto fuera de la huella en la misma prueba. La comprobación independiente confirma los cambios, los 32 × 32 píxeles, el alfa binario y la paleta original. Las piernas siguen solapándose y la punta revisada queda más plana. Los originales y su atlas siguen intactos; no es una prueba en un motor ni una recomendación de velocidad.
Exporta y prueba la importación en el motor
Conserva PNG individuales, además de la hoja si la necesita tu motor. Tras descargarlos, revisa transparencia, orden y dimensiones. Ábrelos en el componente de animación real y comprueba que los filtros y ajustes respetan los píxeles.
Cuando la caminata funcione, prepara un atlas. Empaquetar los fotogramas no corrige un pie que resbala ni una unión defectuosa.
- Godot: animación de sprites 2D
- Revisa el personaje a su tamaño de uso
- Planifica una hoja de sprites
- Fotograma de prueba 01 — contactA
- Fotograma de prueba 02 — downA
- Fotograma de prueba 03 — passingA
- Fotograma de prueba 04 — upA
- Fotograma de prueba 05 — contactB
- Fotograma de prueba 06 — downB
- Fotograma de prueba 07 — passingB
- Fotograma de prueba 08 — upB
Preguntas frecuentes
¿Puedo usar directamente una hoja generada por IA?
Solo después de comprobar límites, dimensiones, transparencia y orden reales. Una hoja de contactos no es automáticamente un atlas de animación.
¿Por qué se desliza el personaje?
El pie apoyado puede moverse respecto al suelo, o la frecuencia de reproducción no coincidir con el desplazamiento. Revisa los fotogramas de contacto mientras el personaje avanza.
¿Conviene revisar la versión ampliada?
Amplía para encontrar errores y usa el tamaño real para valorar la legibilidad. Necesitas ambas vistas.
Prepara una caminata legible
Lleva tu referencia a Ciyo y define cuadrícula, poses y revisiones antes de crear más animaciones.