Juego Breakout 2D con JavaScript puro
En este tutorial paso a paso creamos un juego sencillo para móviles, MDN Breakout, escrito en JavaScript puro, sin ninguna biblioteca externa.
Cada paso tiene ejemplos en vivo editables con los que puedes jugar, para que veas cómo deberían quedar las etapas intermedias. Aprenderás los fundamentos para implementar mecánicas de juego básicas, como la manipulación del canvas, el renderizado y movimiento de imágenes, la detección de colisiones, los mecanismos de control, las animaciones y tweens, y los estados de victoria y derrota.
Para aprovechar al máximo esta serie de artículos, deberías tener ya conocimientos de JavaScript de nivel básico a intermedio. Después de seguir este tutorial, deberías poder crear tus propios juegos web básicos.
Nota: Esta guía tiene una guía hermana: Juego Breakout 2D con Phaser. Las dos siguen prácticamente los mismos pasos y llegan a resultados visualmente idénticos.
Detalles de las lecciones
Próximos pasos
¡Muy bien, empecemos! Ve a la primera parte de la serie: Inicializar el canvas.