Cómo hacer un videojuego 2D: personajes, sprites y animaciones

Por el equipo de Super Secretary · Actualizado el 26 de octubre de 2026 · Lectura de unos 5 minutos

Mucha gente cree que para hacer un videojuego hay que saber programar desde el día uno. La realidad es que el primer obstáculo suele ser otro: los gráficos. Sin personaje, sin escenario y sin animaciones no hay nada que mover. Esta guía te lleva por esa primera parte, la visual, con un método que sirve en cualquier motor o herramienta.

Qué es un sprite y qué es una hoja de sprites

Un sprite es una imagen 2D que representa algo del juego: el personaje, un enemigo, una moneda, una puerta. Una animación es una secuencia de sprites que se muestran uno tras otro, y cada imagen de esa secuencia se llama fotograma (o cuadro). Una hoja de sprites junta todos los fotogramas en una sola imagen ordenada en filas y columnas; el juego la recorta y reproduce según lo que haga el personaje.

Usar una hoja en vez de cien imágenes sueltas es más ordenado y más liviano para cargar. Casi todos los motores de juegos 2D la aceptan.

Paso a paso: del dibujo a la hoja de sprites

1. Decide el tamaño. En pixel art se trabaja pequeño: 16×16, 32×32 o 64×64 píxeles por personaje es lo habitual. Cuanto más chico, menos trabajo por fotograma y más fácil que todo luzca coherente. Elige un tamaño y úsalo para todo el juego.
2. Limita la paleta. Con 8 a 16 colores se logra un estilo uniforme. Menos colores obligan a decidir mejor y evitan que cada pieza parezca de un juego distinto.
3. Dibuja la pose base. El personaje de pie, mirando hacia donde caminará. Cuida la silueta: si se reconoce en negro sólido, el diseño funciona.
4. Separa en capas. Cuerpo, ropa, arma y sombra en capas distintas te permiten cambiar una pieza (por ejemplo, el color de la camisa) sin redibujar todo.
5. Anima lo mínimo. Un ciclo de caminar funciona con 4 a 8 fotogramas; un salto, con 3 o 4. Empieza con pocos y añade solo si hace falta.
6. Revisa la velocidad. Reproduce la animación en bucle y ajusta los fotogramas por segundo: muy rápido se ve nervioso, muy lento se ve pesado.
7. Exporta. Guarda cada animación como GIF para revisarla y la hoja de sprites para llevarla al motor del juego.

Las animaciones que casi todo juego necesita

Las cifras son orientativas, no una regla: cada estilo pide lo suyo. Lo importante es que cada acción tenga una respuesta visual clara.

Dónde hacerlo: Studio 2D

En Studio 2D puedes crear personajes, vehículos, objetos, mapas y efectos para un videojuego 2D, dibujar en el navegador y animar fotograma a fotograma. La herramienta incluye varias ayudas que ahorran trabajo:

• Animación por fotogramas con ajuste de fotogramas por segundo, capas y la opción de crear fotogramas intermedios entre dos dibujos.
• Grabar un movimiento: arrastras una pieza con el dedo o el ratón y tu recorrido y tu ritmo quedan como animación.
• Pixelar una foto o un dibujo grande para convertirlo en pixel art con su propia paleta.
• Importar un modelo 3D (.glb u .obj) y generar fotogramas para varias direcciones, útil si prefieres partir de un modelo.
• Exportar en PNG, GIF u hojas de sprites, con un JSON que describe los fotogramas para el motor del juego.

Studio 2D es una herramienta Premium (18,99 USD al mes) con 7 días gratis para probarla.

Errores comunes de quien empieza

• Empezar por el juego completo. Haz primero un personaje, una animación y un nivel de prueba. Los proyectos grandes se abandonan; los pequeños se terminan.
• Mezclar tamaños y estilos. Un personaje de 32 píxeles junto a un enemigo de 128 se ve incoherente. Define la escala desde el inicio.
• Olvidar la silueta. En movimiento nadie ve los detalles: ve la forma.
• Animar de más. Doce fotogramas para un paso son trabajo extra que casi nadie nota.
• No guardar por capas. Si aplanas todo demasiado pronto, cambiar un detalle significa redibujar.

Y después de los gráficos, ¿qué sigue?

Con la hoja de sprites lista, el siguiente paso es meterla en un motor que mueva al personaje, detecte choques y lea los mapas. Hay motores gratuitos y muy conocidos para 2D; elige el que más te guste y lleva tu hoja y su archivo JSON. Para la parte lógica empieza con algo simple: caminar, saltar y una moneda que se recoge. Cuando eso funcione, agrega enemigos y niveles.

Preguntas frecuentes