Galaxy Tap — gra clicker w Telegramie
Kosmiczny Telegram WebApp, w którym gracze klikają podczas walk, rozwijają stację i statek oraz odkrywają wspólny system postępu.
Cel projektu
Udostępnić krótkie sesje gry w Telegramie: zrozumiały cykl walk, zbierania zasobów i ulepszeń oraz zachowanie postępu po powrocie.
Koncepcja
Gracz przechodzi między stacją kosmiczną, walkami i warsztatem. Ulepszenia stacji i statku, umiejętności, zadania oraz ranking nadają cel każdej sesji. Interfejs internetowy dostosowany do telefonów działa wewnątrz Telegrama. API w PHP zapisuje stan gracza w MongoDB, a usługa Node.js łączy grę przez Socket.IO. Osobne strony na Next.js przedstawiają produkt.
Wewnątrz Galaxy Tap
Oryginalne ekrany gry z lokalnie uruchomionego klienta Telegram WebApp, połączonego z API w PHP, MongoDB i usługą WebSocket.
Zrzuty przedstawiają lokalne demo z fikcyjnym graczem, zasobami i wpisami rankingu. Interfejs, grafika i logo pochodzą z projektu. Lokalna powłoka Telegrama dostarcza profil demonstracyjny; to WebApp, a nie natywna aplikacja iOS lub Android. Płatności, operacje portfela i działania zewnętrzne są wyłączone. Logowanie w prawdziwym Telegramie i transakcje pieniężne nie zostały zweryfikowane.
Zalety
- 🚀 Graj w Telegramie — otwieraj WebApp bez instalowania osobnej gry natywnej.
- 👾 Poznaj cykl gry — walki łączą klikanie ze zdrowiem stworzenia i nagrodami w grze.
- 🛠️ Rozwijaj swoją bazę — ulepszenia stacji, statku i umiejętności oferują kilka ścieżek postępu.
- 🎯 Wybierz kolejny cel — zadania i misje warsztatu porządkują dostępne aktywności.
- 🏆 Porównuj postęp — ranking pokazuje osiągnięcia graczy we wspólnym kontekście gry.
Technologie
Klient korzysta z Next.js 14, React 18 i TypeScript; kod gry zawiera Legend State, TanStack Query, PixiJS i Phaser. API wykorzystuje PHP, Symfony 6.4, API Platform i Doctrine MongoDB ODM. Osobna usługa Node.js i TypeScript korzysta z Socket.IO; dane gry przechowuje MongoDB. Telegram WebApp zapewnia integrację ze środowiskiem uruchomieniowym.
- 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
Tworzenie gry Telegram WebApp: Galaxy Tap
Galaxy Tap przenosi kosmiczną grę clicker do środowiska Telegrama. Studium łączy interfejs gry dla telefonów, trwałe dane graczy i osobną usługę komunikacji w czasie rzeczywistym.
Cykl gry dla krótkich sesji w Telegramie
Po otwarciu miniaplikacji gracz powinien rozumieć kolejny krok. Galaxy Tap łączy walki z zasobami, ulepszeniami stacji i statku, aktywnościami warsztatu oraz zadaniami. Ekrany porządkują rozwój bez konieczności instalowania osobnej aplikacji natywnej.
Połączenie interfejsu z trwałym stanem gry
Klient Next.js i React prezentuje grę, API Symfony pracuje z dokumentami graczy w MongoDB, a usługa Node.js obsługuje połączenia Socket.IO. Podział odpowiedzialności daje interfejsowi dostęp do zapisanego postępu i kanału zdarzeń gry. Kod źródłowy zawiera także strony promocyjne na Next.js.
Co potwierdza demonstracja
Portfolio wykorzystuje oryginalne ekrany z izolowanego lokalnego uruchomienia i fikcyjne dane gry. Pokazuje stację, interfejs walki, warsztat i ranking. Logowanie w prawdziwym Telegramie, transakcje portfela i płatności pozostają poza zakresem weryfikacji. Demo nie potwierdza wyników komercyjnych ani dochodów graczy.