Pong: Make A Classic Game using Javascript & P5.js Framework

Saran Siri, Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (46m)
    • 1. Promo

      0:45
    • 2. P5.js Basics

      3:22
    • 3. Coordinate System

      1:22
    • 4. Draw The Line

      2:54
    • 5. Draw The Paddle

      4:07
    • 6. Move The Paddle

      4:36
    • 7. Ball's Collision

      8:03
    • 8. Paddle's Collision

      6:58
    • 9. Computer AI

      6:14
    • 10. Score System

      4:02
    • 11. Freeze The Ball

      1:35
    • 12. Share Your Project

      1:43

Project Description

Share the present link of your version here! Here are some challenges:

  • Change the color of the ball
  • Adjust the paddles and ball's speed to make it harder
  • Make the computer's AI stop moving around when the ball enter player's size (the left side of the screen)

Student Projects

project card
Saran Siri