Galaxy Tap — Clicker-Spiel in Telegram
Ein Telegram WebApp mit Weltraumthema: Spieler tippen sich durch Kämpfe, entwickeln eine Station und ein Raumschiff und entdecken ein gemeinsames Fortschrittssystem.
Projektziel
Kurze Spielsitzungen direkt in Telegram ermöglichen: mit einem verständlichen Ablauf aus Kämpfen, Ressourcensammlung und Verbesserungen sowie gespeichertem Fortschritt bei der Rückkehr.
Konzept
Spieler wechseln zwischen Raumstation, Kämpfen und Werkstatt. Verbesserungen für Station und Schiff, Fähigkeiten, Aufgaben und eine Rangliste geben jeder Sitzung einen Rahmen. Die für Mobilgeräte gestaltete Weboberfläche läuft in Telegram. Eine PHP-API speichert den Spielerzustand in MongoDB; ein Node.js-Dienst verbindet das Spiel über Socket.IO. Separate Next.js-Landingpages stellen das Produkt vor.
Einblicke in Galaxy Tap
Originale Spielansichten aus dem lokal gestarteten Telegram-WebApp-Client, verbunden mit PHP-API, MongoDB und WebSocket-Dienst.
Die Screenshots zeigen eine lokale Demo mit fiktivem Spieler, Ressourcen und Ranglisteneinträgen. Oberfläche, Grafiken und Logo stammen aus dem Projekt. Eine lokale Telegram-Hülle liefert das Demoprofil. Es handelt sich um eine WebApp, keine native iOS- oder Android-App. Zahlungen, Wallet-Vorgänge und externe Aktionen sind deaktiviert. Die Anmeldung im echten Telegram und Geldtransaktionen wurden nicht geprüft.
Vorteile
- 🚀 In Telegram spielen — die WebApp ohne Installation eines separaten nativen Spiels öffnen.
- 👾 Den Spielablauf verstehen — Kämpfe verbinden Tippen mit Lebenspunkten und Spielbelohnungen.
- 🛠️ Die eigene Basis entwickeln — Verbesserungen für Station, Schiff und Fähigkeiten eröffnen mehrere Fortschrittswege.
- 🎯 Das nächste Ziel wählen — Aufgaben und Werkstattmissionen strukturieren die verfügbaren Aktivitäten.
- 🏆 Fortschritte vergleichen — die Rangliste zeigt Spielerleistungen im gemeinsamen Spielkontext.
Technologien
Der Client nutzt Next.js 14, React 18 und TypeScript; Legend State, TanStack Query, PixiJS und Phaser sind im Spielcode enthalten. Die API verwendet PHP, Symfony 6.4, API Platform und Doctrine MongoDB ODM. Ein separater Node.js- und TypeScript-Dienst nutzt Socket.IO; MongoDB speichert die Spieldaten. Telegram WebApp stellt die Integration in die Hostumgebung bereit.
- Next.js 14 / React 18 / TypeScript / Telegram WebApp
- Legend State / TanStack Query / PixiJS / Phaser
- PHP / Symfony 6.4 / API Platform / Doctrine MongoDB ODM
- Node.js / Socket.IO / MongoDB
Entwicklung eines Telegram-WebApp-Spiels: Galaxy Tap
Galaxy Tap bringt einen Weltraum-Clicker in die Telegram-Umgebung. Der Fall verbindet eine für Mobilgeräte gestaltete Spieloberfläche, dauerhafte Spielerdaten und einen separaten Echtzeitdienst.
Ein Spielablauf für kurze Telegram-Sitzungen
Beim Öffnen einer Mini-App sollten Spieler den nächsten Schritt erkennen. Galaxy Tap verbindet Kämpfe mit Spielressourcen, Stations- und Schiffsverbesserungen, Werkstattaktivitäten und Aufgaben. Diese Ansichten strukturieren den Fortschritt, ohne eine separate native Anwendung vorauszusetzen.
Oberfläche und dauerhaften Spielzustand verbinden
Der Next.js- und React-Client stellt das Spiel dar. Die Symfony-API arbeitet mit Spielerdokumenten in MongoDB, während der Node.js-Dienst Socket.IO-Verbindungen verarbeitet. Diese Aufteilung ermöglicht den Zugriff auf gespeicherten Fortschritt und einen Kanal für Spielereignisse. Der Quellcode enthält außerdem Next.js-Landingpages.
Was die Demonstration bestätigt
Das Portfolio nutzt Originalansichten aus einer isolierten lokalen Installation mit fiktiven Spieldaten. Gezeigt werden Station, Kampfoberfläche, Werkstatt und Rangliste. Die Anmeldung im echten Telegram, Wallet-Transaktionen und Zahlungen gehören nicht zur Prüfung. Aus der Demo werden weder kommerzielle Kennzahlen noch Spielereinkommen abgeleitet.