Aprenda a codificar Flappy Bird y Doodle Jump en JavaScript

Los juegos son los proyectos de programación más divertidos. Tan pronto como termines de crear los juegos, ¡podrás jugarlos!

Hemos lanzado un tutorial en el canal de YouTube freeCodeCamp.org que lo ayudará a mejorar sus habilidades de JavaScript mediante la construcción de dos juegos millennials populares.

En este tutorial, la desarrolladora y profesora Ania Kubow le mostrará cómo crear Doodle Jump y Flappy Bird en JavaScript. Este tutorial es perfecto para personas que conocen un poco de JavaScript y quieren comenzar a juntar todo para hacer proyectos reales.

Practicarás más de 32 de los métodos más populares de JavaScript para construir los dos juegos. Esto incluye .forEach (), .push (), .shift (), .addEventListener (), .appendChild (), bucles while, clases, constructores y muchos más.

Aquí están las secciones cubiertas en este tutorial:

  • Doodle Jump lógica del juego
  • Configurar el juego
  • Creando el garabato
  • Creando las plataformas
  • Crear la clase de plataforma
  • Moviendo las plataformas
  • Haciendo saltar al garabato
  • Haciendo caer al garabato
  • Escribiendo el juego sobre la lógica
  • Conectar las teclas del teclado
  • Haciendo que el garabateador vaya de izquierda a derecha
  • Eliminar y agregar nuevas plataformas mediante el trabajo de matriz
  • Eliminar todos los hijos de la cuadrícula usando un bucle while
  • Sumando la partitura
  • Lógica del juego Flappy Bird
  • Configuración del proyecto Flappy Bird
  • Escribiendo la lógica del juego de inicio de Flappy Bird
  • Haciendo saltar al pájaro
  • Conectar las teclas del teclado
  • Genera un obstáculo en la tubería
  • Moviendo el obstáculo
  • Genere nuevos obstáculos usando setInterval () y setTimeout ()
  • Escribiendo el juego Flappy Bird sobre la lógica
  • Agregar imágenes al proyecto
  • Expandiendo las reglas de colisión usando && y ||
  • Adición de las etapas finales de estilo de Flappy Bird para aprender sobre el índice z

Vea el curso completo en el canal de YouTube freeCodeCamp.org (reproducción de 2 horas).