El Pollo Loco ULTIMATE
Ein eigenständiges Arcade-Jump-’n’-Run, komplett in einer einzigen HTML-Datei – kein Framework, kein Build-Schritt, keine externen Assets. Sämtliche Grafik und der gesamte Sound werden zur Laufzeit prozedural erzeugt. Im Kern steht eine selbst gebaute Spiel-Engine mit frame-rate-unabhängiger Game-Loop, Zustandsverwaltung, Kollisionssystem und einem dreiphasigen Endboss.
01Herausforderung
Ein flüssiges, vollwertiges Spiel – mit Gegnern, Münz- und Combo-System, Shop, Partikeln und einem mehrphasigen Boss – das auf jedem Gerät läuft, ohne ein einziges Bild oder Audio-File zu laden und ohne jede Abhängigkeit.
02Ansatz
Eine objektorientierte Engine mit zentralem GameState-Manager und requestAnimationFrame-Loop mit deltaTime-Normalisierung, sodass die Physik unabhängig von der Bildrate bleibt. Eine feste 16:9-Virtualwelt wird pro Frame skaliert und mit Letterboxing an jeden Bildschirm angepasst (inkl. devicePixelRatio für scharfe Darstellung). Grafik via Canvas-2D, Sound prozedural über die Web Audio API, Spielstände über localStorage.
03Ergebnis
Ein sofort spielbares, responsives Browser-Game mit drei Leveln, Upgrade-Shop und einem wütenden Endboss – als Showcase für handgemachte Spiele-Logik und Canvas-Rendering ohne jede Bibliothek.
Highlights
- ✦Komplettes Spiel in einer einzigen HTML-Datei
- ✦Prozedurale Grafik & Web-Audio – keine externen Assets
- ✦Frame-rate-unabhängige Engine mit 3-Phasen-Endboss
- ✦Responsive 16:9, Tastatur- & Touch-Steuerung