Outschool
Abrir configuración de moneda, zona horaria e idioma
Iniciar sesión

Aprenda a codificar el juego Pong en Javascript con Phaser

Los estudiantes aprenderán a codificar un juego basado en la web utilizando JavaScript.
Jon Lopez
Puntuación media:
4.8
Número de reseñas:
(329)
Clase

Qué está incluido

6 reuniones en vivo
5 horas presenciales

Experiencia de clase

In this course, students will learn how to code in JavaScript while also learning how to create the classic game Pong. Since this course doesn’t use a game library, students will learn concepts like the game loop, collision detection, basic enemy artificial intelligence, control mechanism, rendering, moving images and more. I chose to use Javascript for this class because it is a very popular coding language that is also easier to understand for beginners. In each class I will show and explain how to code sections of the game, then I will ask students to try it out themselves. I will also give out a challenge after every class so students can experiment and grow their knowledge.

In the first week, students will learn how to use Repl and also how to create a basic webpage using HTML with canvas element which we will use to display the game. In the second week students will learn javaScript variables and how to draw on the game. In the third and fourth week, students will learn how to create the player ball and move it while also adding collision detection so the ball can bounce off the walls. In the fifth and sixth week, students will learn how to move the paddle from keyboard inputs and have the paddle interact with the ball. Finally in the seventh and eighth week, students will learn how to move the enemy paddle with simple AI, how to keep score, and the code for when the game is over. Also, if there is time in the last week I will briefly go over how to create this game using a game library and the benefit of doing that.

Students don't need to have coding knowledge but it is helpful. By the end of the course students will have the knowledge of basic programming principles like variables, conditions statements, functions and more. Also students will have a complete Pong javascript game that can be implemented in any webpage. Since this course uses Repl any computer with internet access will work.

Topics the course covers:
        Creating a webpage with a canvas using HTML
        Creating the player ball and moving it
        Code the logic to bounce the ball off the walls
        Keyboard control to move the paddle
        Handling game over
        Enemy paddle artificial intelligence 
        Track the score 

Please note: 
If the student is outside of the age range but you think they still may be suitable for this class, please contact me before signing up. They should have experience navigating around a computer and be able to listen and follow instructions well with minimal help. 

Please review my class rules and policies: https://cdn.filestackcontent.com/GtUqZSL3TDWxSH0n8tem

Otros detalles

Lista de útiles escolares
Students should make a free account here: https://repl.it/login
Recursos externos
Además del aula de Outschool, esta clase utiliza:
  • Repl
Se unió el August, 2019
4.8
329reseñas
Perfil
Experiencia y certificaciones del docente
I have a degree in computer science and have been coding for over 10 years. I have also worked a few years in the industry creating desktop games. As someone who was originally self taught I know  how important it is to learn code by being very hands-on and experimenting, which is how I will be teaching.

Reseñas

Clase grupal
Compartir

150 US$

por 6 clases
1 x por semana, 6 semanas
50 min

Completado por 45 alumnos
Videoconferencias en vivo
Edades: 12-17
2-5 alumnos por clase

Esta clase ya no se ofrece
Acerca de
Apoyo
SeguridadPrivacidadPrivacidad de CAPrivacidad del alumnoSus opciones de privacidadTérminos
Obtener la aplicación
Descargar en la App StoreDescargar en Google Play
© 2025 Outschool