Gaming Universe to interaktywna aplikacja webowa zawierająca kolekcję czterech klasycznych gier arkadowych w nowoczesnej, cyberpunkowej oprawie wizualnej. Aplikacja została stworzona jako rozrywkowa platforma do gier retro z futurystycznym designem.
Głównym celem aplikacji jest:
- Dostarczenie rozrywki poprzez klasyczne gry arkadowe
- Przedstawienie retro-gamingu w nowoczesnej, atrakcyjnej wizualnie formie
- Umożliwienie użytkownikom zabawy z dobrze znanymi mechanikami gier w jednym miejscu
- Demonstracja możliwości technologii webowych (HTML5 Canvas, CSS3, JavaScript)
Aplikacja składa się z trzech głównych plików:
- index.html - struktura i interfejs użytkownika
- style.css - stylizacja i animacje wizualne
- javascript.js - logika gier i interakcje
- Menu główne - użytkownik widzi grid z kartami gier do wyboru
- Wybór gry - kliknięcie przycisku uruchamia wybraną grę
- Rozgrywka - gra działa w czasie rzeczywistym z pętlą aktualizacji
- Powrót - użytkownik może wrócić do menu głównego w dowolnym momencie
- 🐍 Quantum Snake - klasyczny wąż z elementami energii
- 🏓 Cyber Pong - retro tenis w holograficznej wersji
- 🧱 Neo Breakout - rozbijanie bloków cyber-paletką
- 🚀 Deep Space - strzelanka w kosmosie z asteroidami
- Wybór gry: Kliknięcie przycisku "Rozpocznij Misję" na karcie gry
- Efekty wizualne: Karty reagują na hover z animacjami shimmer i podświetleniem
- Floating particles: Animowane cząsteczki w tle dla atmosfery
- Klawisze: Strzałki lub WASD
- Cel: Zbieranie jedzenia i unikanie kolizji
- Punktacja: +10 punktów za każde jedzenie
- Klawisze: Strzałki góra/dół lub W/S
- Cel: Odbijanie piłki i zdobywanie punktów
- Przeciwnik: AI steruje prawą paletką
- Klawisze: Strzałki lewo/prawo lub A/D
- Cel: Zniszczenie wszystkich bloków
- Życia: 3 próby, punkty za każdy zniszczony blok
- Sterowanie:
- Strzałki lewo/prawo - obrót statku
- Strzałka góra - przyspieszenie
- Spacja - strzał
- Cel: Zniszczenie asteroid i przetrwanie
- Życia: 3 statki
- Wyświetlacz punktów: Pokazuje aktualny wynik i pozostałe życia
- Przyciski kontrolne: Reset gry i powrót do menu
- Canvas: Obszar gry z renderowaniem w czasie rzeczywistym
- Instrukcje: Opis sterowania dla każdej gry
- Grid layout: Automatyczne dopasowanie kart do szerokości ekranu
- Hover effects: Interaktywne animacje przy najechaniu myszą
- Keyboard controls: Pełna obsługa klawiatury dla wszystkich gier
- Start → Ładowanie menu głównego z efektami wizualnymi
- Wybór → Kliknięcie karty gry i przejście do rozgrywki
- Gra → Sterowanie postacią/obiektem za pomocą klawiatury
- Koniec → Game Over lub wygrana z możliwością restartu
- Powrót → Wyjście do menu głównego i wybór innej gry
Aplikacja zapewnia płynne przejścia między stanami, intuicyjną obsługę i atrakcyjną prezentację wizualną inspirowaną estetyką cyberpunk i retro-futuryzmu.