Mosaic
Słynny obraz rysuje się rząd po rzędzie z kolorowych kwadratów emoji. Zgadnij dzieło, zanim skanowanie się skończy · historia sztuki i rozpoznawanie wzorców na raz
O PlayMemorize Mozaika
Mozaika to gra rozpoznawania wzorców „wykryj obraz". Wysokiej rozdzielczości mozaika maluje słynny obraz z domeny publicznej - Gwiaździstą Noc Van Gogha, Wielką Falę Hokusaia, Krzyk Muncha, Guernicę Picassa, Kompozycję Mondriana, pole koloru Rothko - po jednym losowym klastrze pikseli na raz, aż obraz się wyłoni. Twoje zadanie: wybierz obraz z listy wielokrotnego wyboru, zanim płótno skończy się odsłaniać. Im wcześniej zgadniesz, tym wyższy wynik, więc znajomość wizualna kanonu się opłaca.
Trzydzieści kanonicznych dzieł. Katalog obejmuje dziesięć klasycznych dzieł figuratywnych (Gwiaździsta Noc, Wielka Fala, Krzyk, Wrak Statku Minotaura, Kompozycja (Kandinsky), Autoportret Picassa z 1907, Autoportret Fridy Kahlo, Kobieta w Kapeluszu, Akt Siedzący, Udnie); osiem dalszych ikonicznych dzieł figuratywnych lub stylizowanych (Kompozycja VII, Guernica, La Muse, Portret Dory Maar, Ręka z Kulą Odbijającą, Księżniczka Deszczu, Pióra, Mozaika Rzymska); oraz dwanaście ikon hard-edge / pola koloru (Kompozycja z Czerwonym Niebieskim Żółtym + Broadway Boogie Woogie Mondriana, Czarny Kwadrat + Czarny Krzyż Malewicza, Pomarańczowo-Czerwony i Żółto-Niebieski Rothko, Hołd Kwadratowi w Żółtym i Niebieskim Albersa, Onement I Newmana, Obraz Abstrakcyjny (Czarny) Reinhardta, Dynia Kusamy i Cel Johnsa). Każda runda pokazuje artystę, rok i ruch artystyczny po Twoim zgadnięciu · więc budujesz mentalny katalog historii sztuki runda po rundzie.
Czyste HTML5 Canvas. Każdy obraz renderuje się jako ~100 000 płaskich bloków fillRect · dwadzieścia razy rozdzielczość oryginalnego prototypu 5 000-komórkowego, więc sylwetki i pociągnięcia pędzla przetrwają kwantyzację, zamiast rozpływać się w grubą siatkę. Kolory komórek są zaczerpnięte z 45-chipowej palety wartości heksadecymalnych pochodzących z emoji (kremowy księżyc, kamienny szary, terakota, brzoskwinia, nocny błękit, zieleń jodły, …) wybranych tak, by przyciszone półtony oleju lądowały na wiernym rodzeństwie zamiast zapadać się do czerni. Każdy obraz zachowuje też swoje źródłowe proporcje · dzieła w orientacji poziomej kadrowane są jako poziome, w pionowej jako pionowe.
Bez przechowywanych obrazów. Repozytorium dostarcza tylko kwantyzowane ciągi indeksów palety · jeden znak base-62 na komórkę. Aby zregenerować lub rozszerzyć katalog, uruchom node scripts/build-mosaic-paintings.mjs. Osiemnaście dzieł pobierane jest z publicznych repozytoriów referencyjnych ML neural-style-transfer na GitHubie; pozostałe dwanaście dzieł hard-edge / pola koloru dostarcza się jako małe wbudowane ciągi SVG wewnątrz skryptu budowania i rasteryzuje lokalnie przez sharp, więc nie zależą od osiągalnego URL. Każda ścieżka źródłowa zmienia rozmiar, by zmieścić ~100 000 komórek, zachowując proporcje, podnosi saturację odrobinę, by przyciszone półtony lądowały na kolorowym chipie, i dopasowuje każdy piksel do najbliższego wpisu palety używając percepcyjnej odległości OKLab. Wyjście trafia prosto do paintings.generated.ts.
Deterministyczne rundy. Te same ziarno zawsze produkuje ten sam obraz, tę samą przetasowaną listę wyborów i tę samą losową kolejność odsłaniania, więc kody zapisu działają, a przepływ wznowienia labiryntu pozostaje odporny na oszustwa. Cała gra to zarejestrowany GameModule, więc labirynt może upuścić Cię w spotkanie Mozaiki na dowolnym poziomie, a obraz, który widzisz w labiryncie, jest bajt-identyczny z tym, który zobaczyłbyś na samodzielnej stronie.
Część rodziny gier treningowych dla mózgu PlayMemorize. Działa w całości w przeglądarce, działa offline jako aplikacja PWA.
FAQ
-
Czym jest Mozaika?
Mozaika to gra serii rozpoznawania wzorców, która podwaja się jako podstawówka historii sztuki. Wysokiej rozdzielczości mozaika maluje słynny obraz z domeny publicznej w losowej kolejności pikseli · musisz zidentyfikować dzieło z listy wielokrotnego wyboru, zanim obraz skończy się odsłaniać. Im wcześniej zgadniesz, tym wyższy wynik, a artysta + rok + ruch są pokazywane po każdej rundzie. -
Które obrazy są w katalogu?
Trzydzieści dzieł obejmuje cztery stulecia i większość głównych ruchów. Klasyki figuratywne: Gwiaździsta Noc (Van Gogh, 1889), Wielka Fala (Hokusai, 1831), Krzyk (Munch, 1893), Wrak Statku Minotaura (Turner, 1810), Kompozycja (Kandinsky, 1913), Autoportret Picassa (1907), Autoportret Fridy Kahlo (1940), Kobieta w Kapeluszu (Matisse, 1905), Akt Siedzący (Picasso, 1909), Udnie (Picabia, 1913), Kompozycja VII (Kandinsky, 1913), Guernica (Picasso, 1937), La Muse (Picasso, 1935), Portret Dory Maar (Picasso, 1937), Ręka z Kulą Odbijającą (Escher, 1935), Księżniczka Deszczu (Afremov, 2014), Pióra (w stylu Klimta, 1908) i mozaika rzymska (~III wiek). Ikony hard-edge / pola koloru: Kompozycja z Czerwonym, Niebieskim i Żółtym (Mondrian, 1930), Broadway Boogie Woogie (Mondrian, 1943), Czarny Kwadrat (Malewicz, 1915), Czarny Krzyż (Malewicz, 1915), Pomarańcz i Czerwień (Rothko, 1961), Żółty i Niebieski (Rothko, 1955), Hołd Kwadratowi w Żółtym i w Niebieskim (Albers, 1959-1965), Onement I (Newman, 1948), Obraz Abstrakcyjny (Reinhardt, 1963), Dynia (Kusama, 1990) i Cel (Johns, 1958). -
Jak działa losowe odsłanianie?
Każda runda zasiewa permutację Fishera-Yatesa wszystkich ~100 000 komórek, a następnie maluje je w tej kolejności jedną partią na tick. Interwał ticka jest ustawiany przez trudność (590 ms na Łatwym, 390 ms na Średnim, 240 ms na Trudnym). Te same ziarno zawsze odtwarza tę samą sekwencję, więc udostępniony link lub wznowienie labiryntu odsłania obraz dokładnie w ten sam sposób. -
Jak obliczany jest wynik?
Runda zaczyna się od 1 000 punktów. Wynik spada liniowo, gdy więcej komórek jest odsłoniętych: wynik = 1 000 × (komórki pozostałe / komórki łącznie). Zgadnij na pierwszy rzut oka, a dostaniesz prawie pełne 1 000; zgadnij przy ostatniej komórce, a dostaniesz 0. Błędne zgadnięcie zawsze daje 0 i kończy serię. -
Czy obrazy źródłowe są przechowywane w repozytorium?
Nie · tylko wynik kwantyzacji. Każdy obraz kompresuje się do około 100 000 znaków base-62 (jeden na komórkę), które dekodują się do per-komórkowych kolorów heksadecymalnych w runtime. Osiemnaście dzieł jest pobieranych URL z publicznych repozytoriów referencyjnych ML neural-style-transfer na GitHubie w czasie budowania. Pozostałe dwanaście - Mondrian, Malewicz, Rothko, Albers, Newman, Reinhardt, Kusama, Johns - dostarcza się jako małe wbudowane ciągi SVG wewnątrz skryptu budowania i rasteryzuje lokalnie przez sharp, więc nie potrzebują sieci. Każda ścieżka zmienia rozmiar, by zmieścić ~100 000 komórek, zachowując źródłowe proporcje, podnosi saturację odrobinę, by przyciszone półtony oleju lądowały na kolorowych wpisach palety zamiast na czerni, i dopasowuje każdy piksel do najbliższego koloru palety używając percepcyjnej odległości OKLab. Wynik to mały moduł danych TypeScript · strona nigdy nie dostarcza pikseli źródłowych. -
Dlaczego 45-chipowa paleta zamiast dziewięciu kwadratów emoji?
Oryginalny prototyp używał dziewięciu emoji kolorowych kwadratów Unicode 12 (🟥 🟧 🟨 🟩 🟦 🟪 🟫 ⬛ ⬜). Dziewięć płaskich odcieni zwijało zbyt wiele tonów w ten sam chip · tony skóry stawały się pomarańczowe, błękit nieba i błękit średni i błękit nocy wszystkie padały na 🟦, a przyciszone półszarości szły do czerni. Obecna paleta 45-chipowa czerpie dodatkowe półtony z emoji, których renderowanie Twemoji czyta się jako konkretny odcień z odległości · 🌕 kremowy księżyc, 🦴 kość słoniowa, 🌫️ szara mgła, 🪨 kamień, 🐋 łupek, ⚱️ węgiel drzewny, ⚫ smoła, 🍑 brzoskwinia, 🏜️ piasek, 🦌 płowy, 🪵 drewno, 🍂 rdzawy, 🍫 czekolada, 🥬 limonka, 🍵 matcha, 🪺 khaki, 🌲 jodła, 🌊 morski, 🌌 nocny błękit, 🪻 lawenda, 🍇 winogrono, 🌹 róża, 🌷 magenta, 🍷 wino. Budowanie weryfikuje, że każdy chip jest faktycznie wybierany przez przynajmniej jedną komórkę w katalogu, więc żaden slot nie jest marnowany. -
Czy mogę grać offline?
Tak. PlayMemorize to aplikacja PWA, a Mozaika jest częścią pre-cache offline. Po załadowaniu każda runda generuje się lokalnie z ziarna · nie potrzeba sieci.