PROJECT: AVENA BUBBLE SHOOTER — CRYSTAL NEON DELUXE 💎
TWOJA MISJA
Jesteś elitarnym zespołem twórców gier HTML5, składającym się z:
Senior JavaScript Game Developera
Specjalisty od grafiki Canvas 2D / WebGL
Projektanta efektów wizualnych VFX
Game Designera
Projektanta interfejsów premium
Specjalisty od optymalizacji urządzeń mobilnych
Testera QA
Stwórz kompletną, spektakularną wizualnie i w pełni grywalną grę BUBBLE SHOOTER, przeznaczoną do publikacji na stronie AVENA AI w serwisie Blogger.
Inspiracją mechaniczną jest klasyczny Bubble Shooter znany z Google Play. Załączony zrzut ekranu wykorzystaj wyłącznie jako odniesienie do zasad gry i układu kolorowych kulek.
Nie kopiuj oryginalnych grafik, interfejsów, logo ani innych chronionych elementów.
Nasza wersja ma wyglądać zdecydowanie bardziej efektownie, futurystycznie i luksusowo.
PRIORYTET: SPEKTAKULARNA GRAFIKA + DOSKONAŁA GRYWALNOŚĆ + JEDEN SAMODZIELNY PLIK HTML.
1. TECHNOLOGIA I PUBLIKACJA
Stwórz plik:
avena-bubble-shooter.html
Wszystko musi znajdować się w jednym pliku:
HTML5
CSS3
JavaScript
Canvas 2D z zaawansowanymi efektami graficznymi; WebGL opcjonalnie, jeśli faktycznie poprawi jakość
Proceduralnie generowane tekstury, gradienty i efekty
Web Audio API do syntezy dźwięków
ZABRONIONE:
React
Node.js
Zewnętrzne biblioteki
CDN
Zewnętrzne grafiki
Zewnętrzne pliki audio
Backend
Obowiązkowe połączenie z internetem
Gra musi działać po otwarciu pliku lokalnie w Chrome, Edge oraz przeglądarkach Androida.
Musi również nadawać się do osadzenia na Bloggerze, np. przez iframe lub jako kod HTML na stronie, bez globalnych konfliktów CSS i JS.
Nie zakładaj, że Blogger zawsze pozwoli uruchomić dowolny JavaScript w treści wpisu. Przygotuj i opisz realistyczny sposób publikacji.
2. STYL GRAFICZNY — CRYSTAL NEON DELUXE
To najważniejszy element projektu.
Nie chcę płaskich kolorowych kółek!
Chcę kule wyglądające jak niezwykle drogie szklane, metaliczne i kryształowe obiekty 3D.
Każda kula powinna mieć:
Idealnie okrągły kształt
Głęboką, wielowarstwową kolorystykę
Realistyczne refleksy świetlne
Wyraźny połysk
Subtelne odbicia otoczenia
Delikatny gradient Fresnela na krawędziach
Efekt przezroczystego szkła lub lakierowanego metalu
Jasne odbicie punktowego źródła światła
Subtelne wewnętrzne rozświetlenie
Cień nadający głębię
Kolory:
Rubinowa czerwień
Szmaragdowa zieleń
Szafirowy błękit
Złoto
Ametystowy fiolet
Turkus
Opcjonalnie perłowa biel
Nie ograniczaj się do zwykłych radialnych gradientów. Wykorzystaj kilka warstw odbić, rozświetleń i cieni.
Przygotuj proceduralny rendering kul z cache'owaniem tekstur dla wysokiej wydajności.
Kule muszą wyglądać przepięknie nawet wtedy, gdy na planszy znajduje się ich ponad 100.
3. WYBUCHY I EFEKTY VFX
Po połączeniu trzech lub więcej kul tego samego koloru następuje spektakularne rozbicie grupy.
Animacja powinna zawierać:
Krótkie pulsowanie połączonych kul
Błysk świetlny
Rozpad kul na drobne szklane lub kryształowe fragmenty
Deszcz kolorowych iskier
Rozchodzącą się falę świetlną
Krótką poświatę HDR-style bloom
Rozsypujące się świetliste drobinki
Naturalne wygasanie efektu
Delikatne drganie ekranu przy większych kombinacjach
Dodatkowo:
Combo x2, x3, x4...
Widowiskowe komunikaty PERFECT!, AMAZING!, CRYSTAL COMBO!
Efekty typu chain reaction
Animowane bonusy punktowe
Spadające kule z animacją grawitacji, rotacji i efektami rozbicia po dotarciu do dolnej części planszy
Ważne: Efekty mają wyglądać efektownie, ale nie mogą blokować animacji, sterowania ani logiki gry.
Dodaj ustawienie jakości efektów: LOW / MEDIUM / ULTRA.
4. PEŁNA MECHANIKA BUBBLE SHOOTER
Gra musi być prawdziwym, kompletnym Bubble Shooterem.
Zaimplementuj:
Planszę z kulkami ułożonymi w przesuniętej siatce sześciokątnej
Wyrzutnię kulek na dole ekranu
Celowanie myszą i dotykiem
Wystrzeliwanie kulek
Odbicia od lewej i prawej ściany
Precyzyjne wykrywanie kolizji
Automatyczne przyciąganie wystrzelonej kulki do prawidłowej komórki siatki
Wykrywanie minimum trzech kul tego samego koloru
Usuwanie połączonych grup
Wykrywanie kul odłączonych od sufitu
Spadanie wszystkich odłączonych grup
Punkty i kombinacje
Losowanie kolejnych kolorów
Podgląd następnej kulki
Możliwość zamiany aktualnej i następnej kulki
System przegranej
System wygranej
Restart
Pauzę
Zapis postępów w localStorage
Kolory nowo losowanych kulek muszą być wybierane spośród kolorów obecnych na planszy, aby nie powstawały niemożliwe do ukończenia sytuacje.
Algorytm siatki powinien obsługiwać poprawnie przesunięcie sąsiednich rzędów.
Nie stosuj uproszczonego wyszukiwania sąsiadów, które powoduje błędy przy krawędziach.
5. SYSTEM POZIOMÓW
Minimum 30 rzeczywiście grywalnych poziomów.
Każdy kolejny poziom powinien rozwijać trudność.
Uwzględnij:
Rosnącą liczbę kolorów
Zróżnicowane układy kulek
Ciekawe wzory geometryczne
Większą liczbę rzędów
Ograniczoną liczbę strzałów w wybranych poziomach
Specjalne poziomy wymagające oczyszczenia całej planszy
Poziomy z trudniejszym dostępem do wybranych grup
Nie generuj 30 niemal identycznych plansz.
Przygotuj przynajmniej kilka unikalnych schematów poziomów z progresją trudności.
Dodaj tryb ENDLESS, w którym gracz zdobywa rekordowy wynik, a plansza stopniowo opada.
Zachowaj rozdzielenie zasad trybu LEVELS i ENDLESS.
6. SUPERMOCE I SPECJALNE KULE
Dodaj specjalne możliwości:
BOMB: eksplozja niszcząca kule w promieniu kilku pól.
RAINBOW: kula dopasowująca się do trafionego koloru.
LASER: precyzyjny strzał przebijający kule w linii.
LIGHTNING: spektakularne wyładowanie elektryczne niszczące wybraną grupę.
FREEZE: tymczasowe zatrzymanie opadania planszy w trybie ENDLESS.
Moce mają być dostępne w ograniczonej liczbie, zdobywane poprzez postęp i wynik.
Żadnych mikropłatności.
Każda moc musi mieć własny efekt graficzny i dźwiękowy.
7. CELOWANIE I STEROWANIE
Celowanie powinno być niezwykle precyzyjne.
Dodaj:
Linię celowania złożoną ze świetlnych punktów
Realistyczny podgląd odbić od ścian
Podgląd przybliżonego punktu lądowania
Płynną rotację wyrzutni
Krótką animację odrzutu po wystrzale
Efekt świetlnego pocisku
Ważne: trajektoria pokazywana na ekranie musi odpowiadać rzeczywistej trajektorii wystrzelonej kulki.
Sterowanie:
PC:
Mysz — celowanie i strzał
Spacja — zamiana kulki
P — pauza
R — restart z potwierdzeniem
M — wyciszenie
Android:
Dotyk — celowanie
Puszczenie palca — strzał
Osobny przycisk zamiany
Czytelne przyciski mobilne
Nie dopuszczaj do przypadkowego strzału podczas obsługi menu.
8. INTERFEJS PREMIUM
Nazwa gry:
AVENA BUBBLE SHOOTER
Podtytuł:
CRYSTAL NEON DELUXE
Stwórz dopracowany ekran startowy z:
Animowanym tłem
Wielkimi szklanymi kulami
Neonowym logo
Przyciskami PLAY, LEVELS, ENDLESS, SETTINGS
Płynnymi przejściami
Podczas rozgrywki:
Licznik punktów
Rekord
Poziom
Liczba pozostałych strzałów, jeśli dotyczy
Licznik combo
Pauza
Dźwięk ON/OFF
Dostępne moce specjalne
Zapowiedź kolejnej kulki
Ekran wygranej:
Świetlne konfetti
Gwiazdki oceny poziomu
Wynik
NEW RECORD!
NEXT LEVEL
Ekran przegranej:
GAME OVER
RESTART
MENU
Zadbaj o czytelność. Efektowność nie może niszczyć ergonomii.
9. TŁO I ATMOSFERA
Tło gry powinno wyglądać jak futurystyczna komnata z ciemnego szkła.
Inspiracja wizualna:
Głęboki granat
Grafit
Ciemny fiolet
Neonowe refleksy
Rozmyte punkty świetlne
Delikatne animowane drobinki
Subtelne geometryczne struktury
Niech kolorowe kule stanowią najmocniejszy wizualnie element całego ekranu.
Dodaj subtelny parallax reagujący na pozycję myszy, jeśli nie pogarsza wydajności.
10. DŹWIĘK
Wykorzystaj Web Audio API.
Wygeneruj oryginalne efekty:
Wystrzał kulki
Odbicie od ściany
Zderzenie z grupą
Pękanie szkła
Duża eksplozja
Combo
Zdobycie punktów
Wygrana
Przegrana
Aktywowanie supermocy
Dźwięki powinny być krótkie, przestrzenne, przyjemne i futurystyczne.
Dodaj osobną regulację głośności efektów.
Dźwięk uruchamiaj dopiero po interakcji użytkownika, zgodnie z polityką przeglądarek.
11. WYDAJNOŚĆ
Gra musi działać płynnie na:
Windows 10/11
Chrome
Edge
Androidzie
Smartfonach średniej klasy
Cel:
60 FPS na urządzeniach, które pozwalają osiągnąć taką wydajność
Stabilność przy dużej liczbie kul
Płynne animacje eksplozji
Skalowanie do różnych rozdzielczości
Responsywny Canvas
Obsługa urządzeń z wysokim DPI
Ograniczenie liczby cząsteczek podczas intensywnych wybuchów
Cache tekstur
Object pooling dla cząsteczek
Brak niepotrzebnych alokacji w każdej klatce
Skalowanie musi zachowywać proporcje oraz widoczność całej planszy.
Gra powinna dobrze wyglądać na monitorze 1920×1080 oraz na ekranie telefonu w pionie.
Dostosuj panel gry także do węższych obszarów osadzania na Bloggerze.
12. TESTOWANIE — OBOWIĄZKOWE
NIE KOŃCZ PRACY PO NAPISANIU KODU.
Uruchom grę w prawdziwej przeglądarce, jeżeli masz dostęp do takiego środowiska, i przetestuj:
Ekran startowy i rozpoczęcie gry
Celowanie i oddanie strzału
Odbicie od obu ścian
Kolizje z kulkami
Łączenie minimum trzech jednakowych kul
Spadanie grup odłączonych od sufitu
Zniknięcie ostatniej kulki i wygraną
Zablokowanie dolnej strefy i przegraną
Zmianę poziomu
Restart
Pauzę
Wszystkie supermoce
Zapisywanie i odczytywanie rekordów
Dźwięk
Sterowanie dotykowe
Zmianę rozmiaru okna
Poprawność na Androidzie, jeśli dostępny jest emulator lub odpowiednie środowisko
Brak błędów JavaScript w konsoli
Przetestuj również przypadki brzegowe:
Strzał dokładnie w narożnik
Strzał styczny do kuli
Duża kaskada spadających kulek
Szybkie, wielokrotne klikanie
Pauza w trakcie animacji
Zmiana rozmiaru okna podczas gry
Próba wystrzału przy otwartym menu
Popraw wykryte błędy i powtórz testy.
Jeżeli określonych testów nie możesz wykonać, wyraźnie to zaznacz. Nie deklaruj testów, których nie przeprowadziłeś.
13. DOSTARCZENIE PROJEKTU
Oddaj:
Gotowy, działający plik
avena-bubble-shooter.html.Możliwość uruchomienia gry bezpośrednio w przeglądarce.
Krótką instrukcję osadzania na Bloggerze.
Raport z rzeczywiście wykonanych testów.
Listę znanych ograniczeń.
Ewentualne zalecenia przyszłej rozbudowy.
Nie dostarczaj samego kodu wklejonego w odpowiedź, jeżeli możesz utworzyć plik.
Nie twórz makiety, statycznej demonstracji, filmu ani samego opisu gry.
Musi to być działająca gra.
14. PRIORYTETY KOŃCOWE
Kolejność ważności:
Poprawna mechanika i brak krytycznych błędów.
Pełna grywalność od początku do końca.
Spektakularna grafika szklano-metalicznych kul.
Zachwycające efekty eksplozji.
Płynność działania.
Wygodne sterowanie.
Zgodność z pojedynczym plikiem HTML.
Kompatybilność z publikacją na Bloggerze.
Dodatkowe poziomy i moce.
Nie rezygnuj z poprawnego działania gry na rzecz ozdobników.
Jeśli konieczne będą kompromisy, wybieraj proceduralne efekty graficzne i zoptymalizowane rozwiązania zamiast dużych zasobów.
NASZ CEL: stworzyć Bubble Shooter, który wizualnie zachwyca już w pierwszej sekundzie, a mechanicznie jest na tyle dopracowany, że chce się grać godzinami.
Nie pytaj o kolejne szczegóły. Podejmuj profesjonalne decyzje projektowe samodzielnie.
Zbuduj kompletny projekt, przetestuj go i dostarcz gotowy plik.
AVENA & SHREDER PRESENTS — CRYSTAL NEON DELUXE.
Brak komentarzy:
Prześlij komentarz