SnapStyle Dress Up - Casual Gra

Seele01-Flash
Autor David Taylor
Stwórz olśniewające stylizacje w SnapStyle Dress Up! Dostosuj fryzury, stroje i dodatki, a następnie projektuj ramki do zdjęć. Darmowa gra ubieranka dla dziewczyn na telefon i PC.

Prompt

MODEL: Seele01-Flash
Użyj Three.js, aby wygenerować **grę typu mobile-first** z motywem "SnapStyle Dress Up". Najpierw przeczytaj poniższe szczegółowe wymagania dotyczące projektowania gry, a następnie wygeneruj odpowiedni kod: ### 1. Zasoby i Środowisko * **Styl Wizualny (Estetyka 2,5D typu Paper Doll):** Zamiast pełnych modeli 3D, użyj **estetyki 2,5D**, aby odtworzyć "naklejkowy" wygląd ze zrzutu ekranu. Postać i elementy garderoby powinny być renderowane jako płaskie Płaszczyzny (Quady) z teksturami w formacie PNG z przezroczystym tłem, skierowane w stronę kamery. * **Warstwowanie Zasobów:** Zaimplementuj ścisły system warstwowania w osi Z. Podstawowe ciało jest na Z=0, bielizna na Z=0.01, bluzki/topy na Z=0.02, okrycia wierzchnie na Z=0.03, włosy na Z=0.04, a akcesoria na Z=0.05, aby zapobiec z-fightingowi. * **Tekstury:** Używaj tekstur w stylu "Chibi/Anime" z **grubymi białymi konturami** wbitymi w obrazy, aby symulować efekt naklejki. Kolory powinny być wysycone (gorące róże, cyjan, złoto). * **Tło:** Dynamiczne tło oparte na shaderze, przedstawiające obracający się wzór "promieni słonecznych" lub promieni radialnych w odcieniach różu i magenty. * **Cząsteczki:** Dołącz system cząstek oparty na `Points`, który emituje małe gwiazdki lub błyski za każdym razem, gdy zmieniany jest element garderoby. * **Optymalizacja na Telefony:** Użyj pojedynczej Atlasy Tekstur dla wszystkich elementów garderoby, aby zminimalizować liczbę wywołań rysujących. Upewnij się, że tekstury mają wymiary będące potęgą dwójki (np. 1024x1024) i są skompresowane. ### 2. Wymagania Dźwiękowe * **Muzyka w Tle (BGM):** Radosny, energetyczny instrumentalny utwór w stylu "Kawaii Future Bass" lub "J-Pop". Wysokie tempo (120 BPM), ale lekkie, wykorzystujące syntezatory i dzwonki. * **Efekty Dźwiękowe (SFX) - Interakcja:** Satysfakcjonujący dźwięk "Pop" lub "Przyssawki" po założeniu elementu. Dźwięk "szelestu papieru" podczas przeglądania kategorii. * **Efekty Dźwiękowe (SFX) - Sukces:** Magiczny "dźwięk brokatu" glissando, gdy użytkownik wejdzie w Tryb Zdjęciowy. * **SFX - Aparat:** Wyraźny, realistyczny dźwięk migawki aparatu DSLR dla akcji „Zrób zdjęcie”. ### 3. Pętla rozgrywki * **Stan 1: Przebieranie:** Główna postać stoi pośrodku. Gracz przegląda kategorie (Fryzura, Oczy, Bluzki, Spodnie, Buty, Akcesoria). Dotknięcie przedmiotu natychmiast zakłada go na model postaci. Logika musi zapewniać, że sprzeczne elementy (np. dwie pary butów) zastępują się nawzajem. * **Stan 2: Naklejki/Dekoracje:** Po przebraniu, gracz wchodzi w „Tryb studyjny”. Może przeciągać i upuszczać dekoracyjne naklejki (gwiazdy, serca, dymki tekstowe) w dowolne miejsce na płótnie wokół postaci. * **Stan 3: Zrób zdjęcie i udostępnij:** Gracz naciska przycisk migawki. Nakładki interfejsu użytkownika znikają, odtwarzany jest efekt lampy błyskowej (zanik do białego ekranu), a ostateczna kompozycja jest renderowana do obiektu canvas jako blob do pobrania przez użytkownika. ### 4. Sterowanie mobilne i interakcja * **Orientacja:** **Tryb pionowy (Portret)** jest obowiązkowy, aby pomieścić jednocześnie postać w pełnej postaci i menu ubrań. * **Wejście dotykowe:** Użyj `THREE.Raycaster` powiązanego ze zdarzeniami dotykowymi. * **Dotknięcie:** Załóż przedmiot z ekwipunku. * **Przeciągnięcie:** Przesuń dekoracyjne naklejki w Trybie studyjnym. * **Układ interfejsu:** * **Główny obszar widoku:** Górne 70% ekranu zajmuje scena 3D (Postać). * **Panel sterowania:** Dolne 30% to nakładka HTML/CSS zawierająca **poziomy, przewijany karuzelę** z przedmiotami ubraniowymi. * **Cele dotykowe:** Wszystkie przyciski i ikony ubrań muszą mieć co najmniej **48x48 pikseli** z odpowiednim wypełnieniem, aby zapobiec pomyłkowym dotknięciom. * **Informacja zwrotna:** Zaimplementuj `navigator.vibrate(50)` (informacja zwrotna dotykowa) przy każdym udanym założeniu przedmiotu, aby dać graczowi potwierdzenie dotykowe. Dodaj lekką, "sprężystą" animację skali (tweening skali w górę i w dół) do elementu ubioru, gdy ten przyczepia się do ciała.
Pomysł na grę zmienia się w grywalny świat i dociera do odbiorców
TWÓRZ • UDOSTĘPNIAJ • ZARABIAJ

Gry są świetne. Tworzenie ich jest jeszcze lepsze.

Zacznij tworzyć za darmo

Opis gry

O grze

SnapStyle Dress Up to wciągająca gra o modzie i przebierankach, która pozwala uwolnić Twojego wewnętrznego stylistę! Ta urocza gra w stylu anime oferuje nieograniczoną kreatywność, dzięki której możesz projektować idealne kreacje od stóp do głów. Niezależnie od tego, czy pasjonujesz się modą, czy po prostu uwielbiasz eksperymentować z różnymi stylami, ta gra zapewni Ci godziny rozrywki.

Dzięki intuicyjnemu interfejsowi i uroczej grafice, SnapStyle Dress Up stał się ulubieńcem wśród miłośników gier o modzie. Gra łączy tradycyjną mechanikę przebieranek z nowoczesnymi funkcjami stylizacji zdjęć, co czyni ją wyjątkowym doświadczeniem w świecie gier modowych.

Kluczowe funkcje

Kompletny system personalizacji

SnapStyle Dress Up oferuje wszechstronne opcje dostosowywania postaci: - Fryzury : Wybierz spośród różnych modnych cięć i kolorów włosów - Kolory oczu : Spersonalizuj wygląd swojej postaci różnymi odcieniami oczu - Cechy twarzy : Twórz unikalne stylizacje, które odzwierciedlają Twoje preferencje

Obszerna kolekcja garderoby

Gra oferuje imponującą kolekcję elementów odzieżowych: - Bluzki i sukienki : Od codziennych ubrań po eleganckie stylizacje - Spodnie : Stylowe spodnie, spódnice i szorty w różnych wzorach - Odzież wierzchnia : Kurtki, płaszcze i warstwy - Obuwie : Buty, kozaki i sneakersy, które dopełnią każdą stylizację

Raj dla akcesoriów

Wzbogać swoje stylizacje starannie dobranymi dodatkami: - Torby i torebki : Dopasuj idealną torbę do swojej stylizacji - Biżuteria : Dodaj blasku z naszyjnikami, kolczykami i bransoletkami - Akcesoria do włosów : Uzupełnij swoją fryzurę spinkami i opaskami

Projektant Ramek Zdjęciowych

Jedną z wyróżniających się funkcji gry jest narzędzie do tworzenia ramek na zdjęcia: - Ramki niestandardowe : Projektuj unikalne obramowania dla swoich modowych zdjęć - Naklejki i dekoracje : Dodaj zabawne elementy, aby spersonalizować swoje kreacje - Różne motywy : Wybieraj spośród różnych stylów dekoracyjnych

Rozgrywka

Proces Stylizacji Mody

Rozgrywka przebiega w intuicyjny sposób: 1. Tworzenie postaci : Zacznij od dostosowania podstawowego wyglądu swojej modelki 2. Wybór stroju : Przeglądaj kategorie, aby znaleźć idealne elementy 3. Łączenie i dopasowywanie : Eksperymentuj z różnymi kombinacjami 4. Dobierz dodatki : Dodaj ostatnie szlify za pomocą torebek, butów i biżuterii 5. Tworzenie zdjęcia : Zaprojektuj piękną ramkę, aby zaprezentować swoją stylizację

Swoboda twórcza

SnapStyle Dress Up zachęca do eksperymentowania i kreatywności. Nie ma tu złych wyborów – tylko możliwości odkrywania różnych stylów mody, od codziennych casualowych looków po glamour wieczorowe kreacje.

Instrukcja obsługi

Sterowanie jest proste i przyjazne dla użytkownika : - Kliknij lub dotknij : Wybieraj elementy odzieży, dodatki i opcje dostosowywania - Przeciągnij i upuść : Niektóre przedmioty mogą wymagać przeciągnięcia na postać - Nawigacja po kategoriach : Łatwo przeglądaj różne kategorie odzieży - Powiększanie i obracanie : Uzyskaj szczegółowy widok swoich kreacji

Gra została zaprojektowana tak, aby była dostępna dla graczy w każdym wieku, z wyraźnymi wskazówkami wizualnymi i responsywnymi sterowaniami dotykowymi na urządzeniach mobilnych.

Dlaczego warto grać w SnapStyle Dress Up

Idealna dla miłośników mody

Jeśli kochasz modę i stylizacje, ta gra oferuje: - Niekończące się kombinacje : Tysiące możliwych zestawów ubiorów - Eksploracja trendów : Wypróbuj style, których normalnie byś nie rozważył/a - Wyrażenie kreatywności : Wyraź swoją osobowość poprzez wybory modowe - Relaksująca rozgrywka : Ciesz się bezstresową, twórczą rozrywką

Idealna dla każdego wieku

Gra przemawia do szerokiego grona odbiorców: - Młodsi gracze : Proste sterowanie i kolorowa grafika - Nastolatkowie : Aktualne trendy modowe i funkcje udostępniania w mediach społecznościowych - Dorośli : Wyrafinowane opcje stylizacji i szczegółowa personalizacja

Korzyści edukacyjne

  • Koordynacja kolorów : Ucz się dopasowywania kolorów i wzorów
  • Świadomość stylu : Rozwijaj oko do mody i estetyki
  • Umiejętności Kreatywne : Rozwijaj myślenie artystyczne i projektowe

Funkcje Społecznościowe i Udostępniania

Twórz stylizacje warte fotografii, które możesz: - Zapisać : Zachowaj swoje ulubione kreacje - Udostępnić : Pochwal się swoimi umiejętnościami stylizacji - Porównać : Wypróbuj różne podejścia do tego samego wyzwania stylizacyjnego

Niezależnie od tego, czy szukasz szybkiej porady modowej, czy chcesz spędzić godziny, dopracowując idealną stylizację, SnapStyle Dress Up zapewnia idealną platformę do modowej kreatywności i zabawy!

Najczęściej zadawane pytania (FAQ)

SnapStyle Dress Up