Ingeniero FrontendPrincipiante7 módulos~3.5 horas prácticas
Creá un juego para navegador: Snake desde cero
Construí el clásico juego Snake de punta a punta en un único archivo HTML usando JavaScript puro y HTML5 Canvas, sin framework, sin paso de compilación, solo un juego jugable que podés abrir en cualquier navegador.
// Lo que podrás hacer- Alcance, expectativas y por qué JavaScript puro
- El único archivo HTML y el esqueleto del canvas
- Renderizado en Canvas y requestAnimationFrame
- Representá la serpiente y la comida, después actualizá y renderizá
7 módulos, hechos para ejecutar
Cada módulo incluye código ejecutable. Expande cualquiera para ver su contenido.
00IntroducciónQué vas a construir y por qué30 min
Objetivo — Qué vas a construir y por qué
Empezar móduloVista previa gratis
01OrientaciónAlcance, expectativas y por qué JavaScript puro30 min
Objetivo — Alcance, expectativas y por qué JavaScript puro
02Configuración del proyectoEl único archivo HTML y el esqueleto del canvas30 min
Objetivo — El único archivo HTML y el esqueleto del canvas
03El bucle del juegoRenderizado en Canvas y requestAnimationFrame30 min
Objetivo — Renderizado en Canvas y requestAnimationFrame
04La serpiente como estadoRepresentá la serpiente y la comida, después actualizá y renderizá30 min
Objetivo — Representá la serpiente y la comida, después actualizá y renderizá
05Entrada y colisionesControl con teclado, paredes y comerte a vos mismo30 min
Objetivo — Control con teclado, paredes y comerte a vos mismo
06Velo en acciónPuntaje, fin de la partida y reinicio30 min
Objetivo — Puntaje, fin de la partida y reinicio
¿Listo para construir tu primer agente? Creá un juego para navegador: Snake desde cero?
Entra al Módulo 0 - sin cuenta.