Idealny Pokój

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Stwórz responsywną, jednoekranową webową grę decyzyjno-konfiguracyjną w języku polskim pod tytułem „Idealny Pokój”. Nie jest to gra zręcznościowa ani 3D: gracz urządza wizualny pokój, wybierając po jednym wariancie w 12 kolejnych kategoriach, pilnując budżetu 100 000 zł. Użyj bardzo ciemnej, eleganckiej estetyki premium: tło czarne/granatowe z subtelną radialną poświatą, panele w odcieniach grafitowego granatu, cienkie niebieskoszare obramowania, jasny tekst, turkusowa mięta jako akcent, złoty kolor cen i czerwony kolor przekroczenia budżetu. Font nagłówków powinien być geometryczny, a tekstu interfejsu nowoczesny bezszeryfowy. Dodaj łagodne animacje pojawiania się ekranów, hover przycisków i elementów oraz subtelne cienie/neonową poświatę.

Ekran startowy ma duży nagłówek „ZBUDUJ SWÓJ IDEALNY POKÓJ”, opis o urządzaniu pokoju z ograniczonym budżetem i żartobliwą wzmianką o kablu od monitora. Nad nim/obok pokaż napis „Projekt dla [imię]”; pole tekstowe pozwala opcjonalnie wpisać imię kolegi (domyślnie „Twojego kolegi”), a przycisk „ZACZYNAMY” uruchamia konfigurację. Poniżej pokaż „Budżet startowy: 100 000 zł · 12 decyzji · możliwość cofnięcia wyboru”. Po prawej stronie hero umieść dekoracyjną miniaturę pokoju: ciemną bryłę pokoju z łóżkiem/biurkiem/monitorem oraz turkusową neonową linią.

Po rozpoczęciu pokaż ekran budowania w układzie dwóch kolumn. Po lewej znajduje się „Podgląd na żywo”, nagłówek „Pokój [imię]” i duży stylizowany rzut/front pokoju w prostokątnym panelu. Pokój ma górną ścianę w stalowym granacie, dolną podłogę z ciemnymi pionowymi deskami, cienką turkusową linię świetlną przy górze oraz obiekty dodawane w odpowiednich pozycjach. Każdy wybrany element jest prostą ilustracją CSS/geometryczną z małą etykietą kategorii: łóżko jako szerokie łóżko z zagłówkiem po lewej na dole, biurko i komputer/monitor po prawej, krzesło przed biurkiem, telewizor na ścianie, pionowa lampa po prawej, sprzęt do ćwiczeń na podłodze, dekoracja/plakat, akcesoria gamingowe, element Volkswagen Golf GTI i okrągły element „inne”. Obiekty pojawiają się w podglądzie po dokonaniu wyboru; wcześniejsze wybory pozostają widoczne.

Po prawej stronie daj panel budżetu z wierszami: „BUDŻET 100 000 zł”, „WYDAŁEŚ [suma]”, „POZOSTAŁO [100 000 - suma]” oraz poziomy pasek postępu. Przy przekroczeniu budżetu panel i komunikat mają sygnalizować niebezpieczeństwo czerwienią, ale wybór nadal jest dozwolony. Pod panelem pokaż numer kroku „Krok N”, nazwę kategorii i „N / 12”. W danym kroku pokaż trzy karty wyboru; każda ma nazwę, cenę w polskim formacie złotówkowym, opis „Wariant 1/2/3 · wpływa na styl pokoju” i przycisk „WYBIERAM”, który po zaznaczeniu zmienia się na „WYBRANO”. Zaznaczona karta ma miętową ramkę i ciemnozielone tło. Na dole panelu umieść „← WSTECZ” oraz „DALEJ →”; WSTECZ jest nieaktywne w pierwszym kroku, a DALEJ jest nieaktywne do czasu wyboru. W ostatnim kroku tekst przycisku zmienia się na „PODSUMUJ →”. Można cofać się i zmieniać wcześniejsze wybory.

Użyj dokładnie tych 12 kategorii i wariantów, z cenami:
1. Łóżko: „Łóżko premium 180 cm” 7600 zł; „Łóżko tapicerowane z pojemnikiem” 4200 zł; „Minimalistyczna rama + materac” 2800 zł.
2. Biurko: „Biurko z elektryczną regulacją” 3900 zł; „Dębowe biurko designerskie” 2400 zł; „Czarne biurko gamingowe” 1500 zł.
3. Komputer: „Stacja robocza / gaming 4K” 18 500 zł; „Mocny komputer do gier” 11 200 zł; „Kompaktowy PC do wszystkiego” 6200 zł.
4. Monitor: „Ultrawide OLED 49\"” 8200 zł; „27\" 4K 165 Hz” 3900 zł; „24\" 144 Hz” 1700 zł.
5. Krzesło: „Fotel ergonomiczny premium” 4200 zł; „Fotel materiałowy z podparciem” 2200 zł; „Krzesło gamingowe” 1300 zł.
6. Telewizor: „OLED 65\" z soundbarem” 9200 zł; „QLED 55\"” 4700 zł; „Smart TV 43\"” 2400 zł.
7. Oświetlenie: „System smart + listwy ambient” 3400 zł; „Lampa designerska + taśmy LED” 1600 zł; „Minimalistyczne lampy punktowe” 750 zł.
8. Sprzęt do ćwiczeń: „Bieżnia składana + hantle” 6800 zł; „Ławka + zestaw regulowanych hantli” 3900 zł; „Mata, gumy i kettlebell” 850 zł.
9. Dekoracje: „Zestaw roślin, półek i dywanu” 2600 zł; „Dywan wełniany + lustro” 1800 zł; „Półki modułowe i rośliny” 950 zł.
10. Volkswagen Golf GTI: „Podświetlany plakat GTI w ramie” 1200 zł; „Metalowy znak GTI + miniatura” 650 zł; „Klasyczny plakat Golf GTI” 280 zł.
11. Dodatki gamingowe: „Kierownica, pad i stacja dokująca” 3600 zł; „Klawiatura, mysz i słuchawki premium” 2200 zł; „Podstawowy zestaw gamingowy” 850 zł.
12. Inne elementy: „Mini lodówka + ekspres do kawy” 2900 zł; „Projektor i ekran” 3400 zł; „Tablica suchościeralna + organizer” 480 zł.

Po kompletnym wyborze pokaż ekran podsumowania z etykietą „Projekt zakończony”, tytułem „TWÓJ WYMARZONY POKÓJ”, dużą oceną od 1/10 do 10/10, tekstem oceny, statystykami „Wydane”, „Pozostało”, „Wybrane elementy 12 / 12” oraz przyciskiem „JESTEM ZADOWOLONY”. Oblicz ocenę tak: zacznij od 6, dodaj połowę liczby wybranych wariantów kosztujących ponad 2000 zł, odejmij 1 przy przekroczeniu budżetu, ogranicz do 1–10 i zaokrąglij; jeśli wydano mniej niż 45 000 zł, zmniejsz ocenę o 1, ale nie poniżej 6. Teksty: dla oceny >=9 „To już nie jest pokój. To prywatna baza operacyjna.”, dla >=7 „Dobrze przemyślany setup. Jest styl, jest funkcja, jest miejsce na rozsądne wymówki.”, w przeciwnym razie „Odważny zestaw. Budżet przeżył, a pokój ma charakter — to się liczy.”.

Kliknięcie „JESTEM ZADOWOLONY” przełącza na minimalistyczny ekran niespodzianki z etykietą „Kontrola jakości pokoju”, wielkim turkusowym „CZEKAJ…” i tekstem „Jedna rzecz nadal nie została dodana.” Ukryty przycisk „ODBLOKUJ” ma pojawić się dopiero po około 1,8 sekundy; wtedy zmień wielki tekst na „KLAUDIA MA DLA CIEBIE NIESPODZIANKĘ.” i opis na „Teraz możesz odblokować ostatni ekran.” Kliknięcie odblokowania prowadzi do finału.

Finał ma etykietę „Sekret od Klaudii”, nagłówek „KLAUDIA MA DLA CIEBIE NIESPODZIANKĘ.” oraz opis: „To miejsce możesz teraz uzupełnić własnym zdjęciem i wiadomością. Bez serduszek. Bez przesady. Po prostu coś od Ciebie.” Po jednej stronie umieść przycisk/etykietę „DODAJ ZDJĘCIE” otwierającą wybór pliku obrazu, pole tekstowe na wiadomość i mały opis „Wiadomość zostanie pokazana na ekranie niespodzianki.” Po drugiej stronie pokaż duże przerywane pole z tekstem „[ W TYM MIEJSCU BĘDZIE TWOJE ZDJĘCIE ]”; po wybraniu obrazu wyświetl go w tym polu. Na małych ekranach przechodź do jednej kolumny: panel budżetu pod głównym obszarem, responsywny pokój i listy kart, a finał również w jednej kolumnie. Dodaj toast przy zmianie wyboru powodującej przekroczenie budżetu: „No i pięknie. Bank właśnie przestał Cię lubić.”