Desarrollo de Juego ARKANOID con HTML, CSS y JavaScript

Aprende a crear el Juego Arkanoid desde Cero usando JavaScript con canvas, HTML y CSS. Iremos paso a paso con el objetivo de que entiendas el DOM

▶ 100 Proyectos de JavaScript: https://www.javascript100.dev/
▶ No te pierdas más directos en:   / midudev  

00:00:00 - Lo que crearás (intro)
00:03:52 - Creando un pequeño proyecto
00:04:14 - Creando el HTML + estilos al Canvas
00:05:45 - Comenzando con el JavaScript
00:05:57 - ¿Cómo queremos dibujar?
00:06:50 - Tamaño del canvas
00:07:24 - RequestFrameAnimation (también funciona para three.js)
00:13:20 - Creando funciones
00:14:58 - Variables de la pelotita
00:18:26 - Dibujando la pelotita
00:21:26 - Creando el movimiento de la pelota
00:22:32 - Limpiando la pantalla por el RequestFrameAnimation
00:25:15 - Colisiones
00:25:48 - Colisión
00:28:00 - Rebotar en la parte superior del canvas
00:29:19 - Explicación de TODO el código
00:33:23 - Creando la paleta
00:36:32 - Controlar la paleta con el teclado
00:40:30 - Actividad en casa
00:40:53 - Inicializar el evento y mover la paleta
00:43:25 - Agregando colisiones a la paleta
00:46:39 - Colisión con la pala
00:52:55 - assets
00:53:33 - Usando los sprites
00:55:30 - Colocar la imagen en la pala
00:57:50 - Explicación de la imagen
01:01:27 - Ladrillos
01:01:37 - Variables de los ladrillos
01:03:03 - Creando los ladrillos
01:13:09 - Colocando las imagenes a los ladrillos
01:18:52 - Preguntas de la comunidad
01:20:58 - Colisiones de los ladrillos
01:26:00 - publicando en el repo
01:31:19 - Fin