https://aibenchmark.blogspot.com/p/avena-water-lab-deluxe-edition-avena-ai.html

PROJECT: AVENA WATER LAB — ULTRA REALISTIC DELUXE EDITION 💧

TWOJA MISJA

Jesteś zespołem doświadczonych twórców gier i grafiki komputerowej, specjalizujących się w:

Renderowaniu fotorealistycznego szkła i wody.
Symulacjach fizyki cieczy.
Programowaniu WebGL2, GLSL i HTML5.
Animacji proceduralnej i efektach cząsteczkowych.
Projektowaniu gier logicznych premium.
Optymalizacji dla Windows, Android i przeglądarek mobilnych.

Otrzymujesz kompletny kod działającej gry logicznej ZAGADKI AVENY 0.2.

Twoim zadaniem jest zbudowanie jej radykalnie ulepszonej wersji pod nazwą:

AVENA WATER LAB — DELUXE EDITION

To ma być gra, której oprawa graficzna przypomina wysokiej klasy technologiczne demo fizyki płynów.

GŁÓWNY CEL:

Gracz ma odnieść wrażenie, że obserwuje trzy prawdziwe szklane naczynia w profesjonalnym laboratorium, w których znajduje się niemal fotograficznie realistyczna woda.

Kiedy przelewa wodę, chce patrzeć na ten proces dla samej przyjemności obserwowania fizyki, światła i animacji.

Nie twórz makiety ani demonstracji. Stwórz kompletną, działającą grę.

1. ZACHOWAJ ORYGINALNĄ LOGIKĘ ZAGADKI

Najpierw przeczytaj i przeanalizuj CAŁY otrzymany kod.

Gra zawiera trzy naczynia:

A — pojemność 12 litrów, początkowo 12 litrów wody.
B — pojemność 7 litrów, początkowo puste.
C — pojemność 5 litrów, początkowo puste.

Cel: uzyskać dokładnie 1 litr w dowolnym naczyniu.

Zasady:

Kliknięcie pierwszego naczynia wybiera źródło.
Kliknięcie drugiego przelewa wodę.
Przelewa się tyle wody, ile to możliwe, aż źródło będzie puste albo odbiornik pełny.
Nie wolno przelewać więcej, niż mieści się w odbiorniku.
Nie wolno dolewać wody z zewnętrznego źródła ani jej wylewać poza naczynia.
Suma wody zawsze wynosi 12 litrów.
Zachowaj funkcje cofania, resetowania, liczenia ruchów i wykrywania zwycięstwa.
Animacja nie może spowodować błędów zaokrąglenia w logice gry.

BARDZO WAŻNE: Logika przelewania musi być matematycznie oddzielona od silnika efektów wizualnych. Animacja może przedstawiać wartości pośrednie, ale stan gry musi zachowywać dokładną liczbę litrów.

Referencyjna sekwencja rozwiązania w 8 ruchach, podana jako (A, B, C):

(12, 0, 0)
( 7, 0, 5)
( 7, 5, 0)
( 2, 5, 5)
( 2, 7, 3)
( 9, 0, 3)
( 9, 3, 0)
( 4, 3, 5)
( 4, 7, 1)  → WYGRANA!

To podstawowy test poprawności gry.

2. GRAFIKA — FOTOREALISTYCZNE LABORATORIUM

Chcę grafiki o jakości nowoczesnego dema technologicznego.

Wyobraź sobie trzy szklane naczynia stojące na eleganckim, ciemnym, lekko refleksyjnym blacie laboratoryjnym.

Atmosfera:

Ciemne, ekskluzywne laboratorium.
Profesjonalne oświetlenie studyjne.
Zimne światło niebieskie i delikatne białe akcenty.
Miękkie cienie kontaktowe.
Realistyczne odbicia naczyń i wody w blacie.
Delikatne refleksy i rozproszone światło w tle.
Subtelna głębia przestrzeni.

Nie stosuj przesadnego neonowego świecenia.

Realizm jest ważniejszy niż efekciarstwo.

Woda ma wyglądać jak prawdziwa czysta woda, nie jak świecąca niebieska substancja z gry science fiction.

Estetyka: PREMIUM, PHOTOREALISTIC, CINEMATIC, SCIENTIFIC VISUALIZATION.

3. TRZY RÓŻNE NACZYNIA SZKLANE

Każde naczynie powinno mieć własną realistyczną geometrię.

A — 12 L:

Duża elegancka laboratoryjna kolba o szerszym korpusie i wyraźnym wylocie umożliwiającym przelewanie.

B — 7 L:

Wysoki, smukły cylinder miarowy z eleganckimi podziałkami objętości.

C — 5 L:

Niższy, szeroki szklany słój lub zlewka laboratoryjna, z widocznym rantem i grubym dnem.

Szkło musi mieć:

Realistyczną grubość ścianek.
Transparentność.
Załamanie światła.
Odbicia otoczenia.
Efekt Fresnela na krawędziach.
Wyraziste refleksy świetlne.
Właściwe przyciemnienie i zniekształcenie obrazu przy przejściu przez grubsze szkło.
Subtelne zniekształcenia powierzchni wody widzianej przez szkło.

Przybliżone współczynniki załamania światła: szkło 1,5, woda 1,333.

Nie wystarczy narysować półprzezroczystego konturu z gradientem.

Chcę widzieć materialność prawdziwego szkła.

4. FIZYKA WODY — ABSOLUTNY PRIORYTET

To najważniejsza część całego projektu.

Woda musi wyglądać i zachowywać się fizycznie wiarygodnie.

A. Powierzchnia cieczy

W spoczynku niemal płaska tafla z subtelnym meniskiem.
Przy poruszeniu naczynia pojawiają się fale bezwładnościowe.
Fale odbijają się od ścianek.
Ruch cieczy stopniowo wygasa.
Przy intensywniejszym przelewaniu występują większe zaburzenia.
Na tafli są widoczne realistyczne, ruchome odbicia światła.

B. Przelewanie

Po wyborze źródła i odbiornika:

Naczynie źródłowe płynnie unosi się nad blatem.
Przemieszcza się w stronę naczynia docelowego.
Przechyla się w odpowiednim kierunku.
Woda reaguje na zmianę kąta i bezwładność.
Po osiągnięciu właściwego kąta zaczyna się wylewać.
Strumień spada pod wpływem grawitacji do drugiego naczynia.
Poziom wody w źródle opada, a w odbiorniku rośnie.
Gdy przelew zostanie zakończony, strumień zwęża się i odrywa.
Ostatnie krople spadają do odbiornika.
Naczynie źródłowe powraca na swoje miejsce i łagodnie osiada.

Wszystkie ruchy mają być płynne, połączone i naturalne.

Nie może to wyglądać jak teleportacja wody między dwoma zbiornikami.

C. Strumień wody

Strumień powinien mieć:

Zmienną grubość.
Przyspieszenie grawitacyjne.
Naturalną krzywiznę trajektorii.
Delikatne nieregularności powierzchni.
Przezroczystość i załamania światła.
Ruchome refleksy.
Pojedyncze odrywające się krople.
Realistyczne zachowanie przy rozpoczęciu i zakończeniu przepływu.

Nie rysuj strumienia jako zwykłej krzywej Béziera w niebieskim kolorze.

Strumień powinien być wizualnie i geometrycznie powiązany z prawdziwą krawędzią przechylanego naczynia.

D. Uderzenie cieczy o powierzchnię

Gdy strumień trafia do odbiornika:

Powstają kręgi i fale.
Formują się małe rozbryzgi.
Krople unoszą się, a następnie spadają.
Powierzchnia cieczy lokalnie się odkształca.
Pojawiają się drobne pęcherzyki powietrza.
Po zakończeniu przelewania wszystko stopniowo się uspokaja.

Krople powinny respektować grawitację i mieć naturalny rozkład wielkości.

Żadnych przypadkowych cząsteczek latających bez związku z płynem.

E. Zachowanie objętości

Wartości litrów muszą zgadzać się z tym, co widać.

Przy każdym kształcie naczynia uwzględnij jego przekrój: poziom napełnienia nie zawsze jest liniowo proporcjonalny do objętości.

Woda podczas przechylenia powinna zachowywać poziomą powierzchnię względem grawitacji, z odchyleniami wynikającymi z bezwładności i falowania.

To ma sprawiać wrażenie symulacji cieczy, a nie zwykłej animacji zmiany wysokości prostokąta.

5. TECHNOLOGIA RENDEROWANIA

Docelowo użyj HTML5, JavaScript i WebGL2.

Preferowana architektura:

WebGL2 do renderowania.
Własne shadery GLSL do szkła, wody i refleksów.
Proceduralne środowisko świetlne, bez konieczności pobierania tekstur.
Symulacja powierzchni wody metodą falową lub inną efektywną metodą.
System cząsteczek z prostą fizyką dla kropel.
Refraction, reflection, Fresnel, specular highlights.
Oświetlenie oparte na wiarygodnym modelu materiałów.
Miękkie cienie i subtelne efekty optyczne.

Możesz wykorzystać techniki proceduralne i uproszczenia, jeśli obraz będzie bardzo przekonujący.

Nie oczekuję pełnego przemysłowego solvera Navier–Stokesa.

Oczekuję najlepszego możliwego kompromisu między wyglądem, płynnością i niezawodnością.

Jeżeli pełne 3D WebGL2 okaże się zbyt kosztowne lub ryzykowne, zastosuj zaawansowany rendering 2.5D i autorskie shadery. Ważniejsze jest dostarczenie pięknej, ukończonej gry niż niedziałającego eksperymentu.

Zastosuj degradację efektów na słabszym sprzęcie i sensowną obsługę urządzeń bez WebGL2.

6. ANIMACJA NACZYŃ

Każdy obiekt powinien mieć naturalne poczucie ciężaru i bezwładności.

Podnoszenie, przesuwanie, przechylanie i odstawianie mają być zsynchronizowane z animacją płynu.

Bez gwałtownych skoków pozycji.
Bez przenikania przez inne naczynia.
Bez przelewania przez zamknięte ścianki.
Bez strumienia zaczynającego się przed przechyleniem.
Bez zanikania wody w połowie animacji.

Zastosuj płynne krzywe ruchu, ale nie myl ich z rzeczywistym przepływem objętości.

Animacja powinna trwać wystarczająco długo, aby dało się podziwiać efekt, lecz nie opóźniać rozgrywki.

Dostosuj czas przelewania do ilości wody.

Opcjonalnie dodaj przełącznik szybkości animacji: NORMAL / FAST.

7. INTERFEJS PREMIUM

Zaprojektuj elegancki interfejs:

Nagłówek: AVENA WATER LAB

Podtytuł: DELUXE EDITION — Fluid Physics Puzzle

Panel informacyjny pokazuje:

Cel: 1 L.
Liczbę wykonanych ruchów.
Aktualne ilości wody w naczyniach.

Pod każdym naczyniem pokaż elegancką tabliczkę z nazwą, aktualną objętością i pojemnością.

Dodaj przyciski:

COFNIJ
RESET
DŹWIĘK WŁ./WYŁ.

Interfejs powinien być lekki i dyskretny, tak aby uwaga gracza koncentrowała się na realistycznej scenie.

Po wskazaniu naczynia:

Delikatny efekt podświetlenia.
Dyskretny obrys lub refleks.
Jasna informacja, które naczynie zostało wybrane.
Widoczne reakcje na dotyk i kliknięcie.

Stosuj nowoczesną typografię, subtelne gradienty, przyciemnione panele i niewielką ilość ozdobników.

Nie przesadzaj z neonami.

8. DŹWIĘK — REALISTYCZNA AKUSTYKA

Dodaj subtelne efekty dźwiękowe:

Lekkie stuknięcie szkła przy odstawieniu.
Szmer przelewanej cieczy.
Plusk podczas uderzania strumienia o wodę.
Pojedyncze kapanie.
Delikatny dźwięk zwycięstwa.

Jeżeli brak zewnętrznych nagrań, wygeneruj odpowiednio przekonujące dźwięki za pomocą Web Audio API.

Dźwięk musi być opcjonalny, domyślnie wyłączony albo uruchamiany dopiero po interakcji gracza, zgodnie z ograniczeniami przeglądarek.

9. EKRAN ZWYCIĘSTWA

Gdy gracz uzyska dokładnie 1 litr:

Poczekaj na zakończenie całej animacji.
Niech pozostałe fale na wodzie łagodnie wygasną.
Podświetl naczynie zawierające 1 litr.
Pokaż elegancki komunikat:

PUZZLE SOLVED — EXACTLY 1 LITRE!

Wyświetl liczbę ruchów.

Jeśli gracz ukończył zagadkę w 8 ruchach, dodaj:

PERFECT SOLUTION — 8 MOVES!

Zaproponuj ponowną rozgrywkę.

Efekt zwycięstwa ma być satysfakcjonujący, ale nie powinien zasłaniać naczyń zbyt wcześnie.

10. WYDAJNOŚĆ I RESPONSYWNOŚĆ

Gra musi dobrze wyglądać i działać na:

Windows — Chrome, Edge, Firefox.
Android — Chrome.
Ekranach dotykowych.
Monitorach Full HD i większych.
Słabszych laptopach ze zintegrowaną grafiką.

Cele wydajnościowe:

60 FPS na typowym komputerze.
Co najmniej około 30 FPS na słabszych urządzeniach.
Dynamiczne ograniczanie kosztownych efektów.
Limitowanie liczby kropli i cząsteczek.
Ograniczenie devicePixelRatio, gdy jest to konieczne.
Prawidłowe działanie po zmianie wielkości okna.

Zastosuj requestAnimationFrame i obliczenia fizyczne uwzględniające rzeczywisty deltaTime, z zabezpieczeniem przed dużymi skokami czasu.

Na ekranach mobilnych naczynia i przyciski muszą pozostać wygodne w obsłudze.

11. ARCHITEKTURA — JEDEN PLIK HTML

WARUNEK BEZWZGLĘDNY:

Dostarcz jeden kompletny plik:

avena-water-lab-deluxe.html

Musi zawierać cały kod HTML, CSS, JavaScript i shadery.

Bez:

Reacta.
Node.js.
Backendów.
Instalatorów.
Zewnętrznych bibliotek ładowanych z CDN.
Zewnętrznych modeli 3D, tekstur i dźwięków.
Zależności od internetu.

Cała gra musi działać lokalnie po otwarciu pliku w przeglądarce.

Plik będzie przeznaczony do publikacji na stronie AVENA AI w Bloggerze.

Zadbaj o możliwość umieszczenia gry w responsywnym iframe. Jeżeli Blogger uniemożliwia bezpośrednie wykonywanie osadzonego JavaScriptu, wskaż poprawną metodę hostowania samodzielnego pliku HTML i jego osadzenia. Nie deklaruj zgodności bez sprawdzenia.

12. TESTY OBOWIĄZKOWE

Nie zakończ pracy po stworzeniu atrakcyjnego wyglądu.

Sprawdź:

Wszystkie sześć kierunków przelewania między trzema naczyniami.
Blokowanie przelewania z pustego naczynia.
Blokowanie przelewania do pełnego naczynia.
Zachowanie dokładnie 12 litrów w całym układzie.
Poprawność objętości w czasie animacji i po jej zakończeniu.
Cofnięcie ruchu i poprawność historii.
Reset z dowolnego legalnego stanu gry.
Rozwiązanie zagadki według podanej sekwencji ośmiu ruchów.
Wykrycie wygranej dopiero po zakończeniu przelewania.
Brak możliwości wykonywania dwóch transferów jednocześnie.
Działanie myszy oraz dotyku.
Prawidłową synchronizację strumienia, przechylenia i poziomu wody.
Działanie po przeskalowaniu okna.
Zachowanie gry przy niskiej liczbie FPS.
Brak błędów JavaScript i problemów z renderowaniem.

Użyj dostępnych narzędzi do uruchomienia gry i przetestowania jej w przeglądarce.

Nie zgłaszaj przeprowadzenia testów, których faktycznie nie wykonałeś.

13. PRIORYTETY REALIZACJI

Pracuj w następującej kolejności:

ETAP A: Zachowanie i weryfikacja matematyki zagadki.

ETAP B: Nowa scena z realistycznymi naczyniami.

ETAP C: Prawdziwie wyglądająca woda z animowaną powierzchnią.

ETAP D: Pełna sekwencja ruchu naczynia i przelewania.

ETAP E: Krople, fale, rozbryzgi, odbicia i oświetlenie.

ETAP F: Interfejs, dźwięki i efekty zwycięstwa.

ETAP G: Optymalizacja, testy i przygotowanie jednego pliku HTML.

Nie poświęcaj poprawności działania na rzecz efektów specjalnych.

14. OSTATECZNE KRYTERIUM JAKOŚCI

Wyobraź sobie dwie wersje tej samej gry.

Pierwsza ma proste kontury naczyń, niebieski prostokąt udający wodę i linię imitującą przelewanie.

Druga przedstawia realistyczną, przejrzystą wodę, szklane naczynia odbijające światło, grawitację, przechylanie, fale, drobne krople i spektakularny, ale wiarygodny przepływ.

MASZ STWORZYĆ TĘ DRUGĄ.

Gra nie może wyglądać jak kolorowy prototyp.

Ma wyglądać jak dopracowany produkt wizualny, w który chce się grać, ale który również zachęca do obserwowania zachowania cieczy.

To ma być demonstracja tego, co potrafi współczesna grafika przeglądarkowa, zamknięta w jednym pliku HTML.

Nie ograniczaj się do kosmetycznych zmian oryginalnego kodu.

Masz pełną swobodę przebudowy całego silnika graficznego, systemu animacji i interfejsu.

Nie zmieniaj jednak zasad zagadki.

DOSTARCZ KOMPLETNĄ GRĘ, NIE SAMĄ PROPOZYCJĘ IMPLEMENTACJI.

AVENA WATER LAB — DELUXE EDITION

Make the water feel real. Make the glass feel real. Make every pour spectacular.

AVENA AI × SHREDER — 2026

AiBenchmark

piątek, 30 października 2026

WATER LAB