Alle Projekte

Self-Playing Pong

Pong, das sich selbst spielt – zwei Bots im Stil eines alten Schwarzweiß-Röhrenfernsehers, ohne Framework im Browser.

Jahr
Rolle
Idee und Umsetzung
Stack
JavaScript, Canvas, HTML, CSS, Cloudflare Workers
Links
Live ansehen
Self-Playing Pong im Browser: zwei weiße Schläger und ein Ball auf schwarzem Spielfeld mit gestrichelter Mittellinie, oben die Punktestände der Bots Volt und Orbit

Ausgangslage

Ein Abendprojekt: Ich wollte etwas Kleines bauen, das ohne Framework auskommt und einfach läuft, wenn man es öffnet.

Umsetzung

  • Zwei Bots: Beide Schläger werden vom Rechner gesteuert. Sie berechnen, wo der Ball ankommen wird, und reagieren schneller, je näher er kommt.
  • Röhrenfernseher-Look: Nur Graustufen, weil ein alter Schwarzweiß-Fernseher keine Farben kennt, und ein Rand, wie ihn das Bild eines Röhrengeräts abschneidet.
  • Für schwache Geräte: Das Canvas rendert bewusst in CSS-Pixeln statt in voller Bildschirmauflösung, damit es auch auf älterer Hardware flüssig läuft.

Ergebnis

Läuft live im Browser – einfach öffnen und zuschauen.