BlockStorm – webbasiertes Minispiel mit globalem Ranking und Echtzeit-Leaderboard
(blockstorm.h3me.xyz)BlockStorm – Minispiel für den Browser
Dieses Minispiel habe ich gebaut, um mit meinen 9- und 6-jährigen Söhnen zu spielen.
Warum habe ich es gemacht?
- Meine Kinder mögen Tetris, und ich wollte, dass sie direkt im Browser spielen können, ohne eine App zu installieren
- Als ich sah, wie sie sagten: „Ich habe mehr Punkte als Papa!“, wollte ich ein globales Ranglistensystem hinzufügen
- Da ich es nebenbei mit Vibe Coding gebaut habe, ist am Ende ein besseres Spiel herausgekommen als erwartet
Welche Funktionen gibt es?
- Globales Leaderboard: tägliche/wöchentliche/monatliche/Gesamt-Ranglisten einsehbar
- Schutz vor Betrug: serverseitige Verifizierung mit Supabase, dadurch keine Manipulation der Punktzahl möglich
- Sofort spielen ohne Login: automatische gerätebasierte Authentifizierung
Technisch gesehen
- Einfach umgesetzt mit Vanilla JS + CSS3 (ohne Framework)
- Backend mit Supabase (PostgreSQL + RLS) aufgebaut
- Punktevalidierung mit PostgreSQL Functions
- Unterstützung für Mobilgeräte/Tablet/Desktop
Da ich es nebenbei mit Vibe Coding gebaut habe, begann es als Lernprojekt für meine Kinder und ist am Ende ein ziemlich ordentliches Spiel geworden.
Jetzt direkt ausprobieren: [Spiel-URL]
Noch keine Kommentare.