Skip to content
DasPeTe Tutorials

Series

Pong in TypeScript

Build the classic from an empty folder to a finished two-player game, with no engine and no libraries.

This two-part series teaches the fundamentals of every game: the loop, input, movement, collision and score. All you need is a browser and a little TypeScript.

Quest line

  1. Part 1: Canvas, Game Loop and PaddlesSet up a canvas with Vite and TypeScript, write a frame-rate independent game loop and move two paddles with the keyboard.20 min
  2. Part 2: Ball, Collisions and ScoreAdd the ball, detect collisions with axis-aligned bounding boxes, let players aim with the paddle and keep score.25 min