Zum Inhalt springen
DasPeTe Tutorials

Serie

Pong in TypeScript

Baue den Klassiker vom leeren Ordner bis zum fertigen Spiel für zwei, ganz ohne Engine und Bibliotheken.

Diese zweiteilige Serie vermittelt die Grundlagen jedes Spiels: die Schleife, Eingaben, Bewegung, Kollisionen und Punkte. Du brauchst nur einen Browser und ein wenig TypeScript.

Questreihe

  1. Teil 1: Canvas, Game Loop und SchlägerRichte mit Vite und TypeScript ein Canvas ein, schreibe eine von der Bildrate unabhängige Game Loop und steuere zwei Schläger mit der Tastatur.20 Min.
  2. Teil 2: Ball, Kollisionen und PunkteFüge den Ball hinzu, erkenne Kollisionen mit achsenparallelen Bounding Boxes, lass die Spielenden mit dem Schläger zielen und zähle die Punkte.25 Min.