Canvas Game Loop
Die Spiellogik läuft über requestAnimationFrame und Refs. React aktualisiert nur HUD und Overlays, damit die Action flüssig bleibt.
Games Übersicht
Space Shooter
Neon Orbit Defense
Ein browserlokaler Arcade-Shooter mit Canvas-Loop, Gegnerwellen, Power-ups, Touch-Steuerung und Highscore-Speicherung.
Score
0
Highscore
0
Wave
1
Hull Integrity100/100
Neon Arcade
Space Shooter
Überlebe Gegnerwellen, sammle Power-ups und halte dein Schiff lange genug im Orbit.
Move
WASD / Pfeile
Fire
Space / Maus
Mobile
Drag + Fire
Build Notes
Mehr als ein Canvas-Prototyp
Der Shooter zeigt, wie UI, Animation, Input-Handling und Spiellogik in einer produktnahen React-App zusammenkommen. Das Game ist bewusst ohne externe Engine gebaut: weniger Abhängigkeiten, volle Kontrolle über Rendering, States und Performance.
Input
WASD, Pfeile, Space, Maus, Touch
Rendering
Canvas + Neon-Partikel
Storage
localStorage Highscore
Echte Game States
Startscreen, Playing, Pause, Game Over und Restart sind getrennt aufgebaut. Der Highscore bleibt lokal im Browser gespeichert.
Steigende Schwierigkeit
Waves erhöhen Spawnrate und Geschwindigkeit. Standard-, Fast-, Tank- und Boss-Gegner erzeugen unterschiedliche Situationen.
Power-ups & Feedback
Repair, Rapid Fire, Double Shot und Shield verändern das Spiel spürbar. Explosionen, Screen-Shake und Sound sorgen für Arcade-Feedback.