Suszek i kropelka - gra edukacyjna o oszczędzaniu wody na gablotę interaktywną

O projekcie Suszek i kropelka

Suszek i kropelka to zręcznościowa gra edukacyjna o oszczędzaniu wody, którą w 2019 roku zaprojektowaliśmy i wykonaliśmy jako podwykonawca dla firmy Kserkom. Gra działa na gablocie interaktywnej z pionowym ekranem dotykowym, dlatego od początku powstawała w formacie 1080 x 1920 pikseli i z myślą o obsłudze palcem.

Bohaterowie i porady

Suszek to psotny stworek, który zapowiada, że zabierze wodę wszystkim roślinom na świecie, a Kropelka - kropla w czerwonej pelerynie - pomaga je uratować. Ich rozmowa w dymkach otwiera grę jako krótkie intro, które można pominąć dotknięciem ekranu. Na ekranie startowym wyświetlają się Porady Kropelki: krótkie wskazówki, jak oszczędzać wodę na co dzień, na przykład brać prysznic zamiast kąpieli, zakręcać kran przy myciu zębów czy podlewać ogród deszczówką. Porady zmieniają się po każdym poziomie, a ich listę ustawia się w konfiguracji gry.

Jak się gra

Nad wysuszoną łąką przepływają chmury, z których spadają krople. Gracz dotyka kropli, żeby zebrać je do konewki (jednym dotknięciem łapie też krople tuż obok), albo dotyka ekranu, żeby przesunąć konewkę pod spadającą wodę. Poziom trwa 60 sekund, a żeby go zaliczyć, trzeba w tym czasie napełnić konewkę co najmniej w trzech czwartych. W trakcie rozgrywki nadlatuje Suszek: jeśli gracz nie odgoni go dotknięciem, Suszek wylewa całą wodę z konewki. Z każdym poziomem krople spadają szybciej, każda daje mniej wody, a Suszek pojawia się częściej; co trzy poziomy skraca się też czas - aż do 30 sekund.

Łąka, która ożywa

Najciekawszym elementem graficznym jest tło, które reaguje na postęp gracza. Każda roślina - drzewa, krzewy, słoneczniki, pomidory i tulipany - ma trzy wersje: uschniętą, przejściową i zieloną. W miarę napełniania konewki kolejne elementy krajobrazu zazieleniają się, każdy przy innym poziomie wody, a przy połowie i przy 90 procentach płynnie zmienia się całe tło. Gdy Suszek wyleje wodę, łąka znów usycha.

Punkty, ranking i tryb gabloty

Wynik zależy od odsetka i liczby złapanych kropli, liczby odgonionych Suszków i stopnia napełnienia konewki, a zaliczenie poziomu daje premię. Gra trwa, dopóki gracz zalicza kolejne poziomy; po porażce suma punktów z całej serii jest porównywana z tablicą sześciu najlepszych wyników i trafia do niej, jeśli się mieści. Tablica jest przechowywana przez dobę (ten czas też ustawia się w konfiguracji). Ponieważ gra stoi w miejscu publicznym, po trzech minutach bez reakcji sama wraca do ekranu startowego. Oprawę dźwiękową tworzą trzy utwory muzyczne grane na zmianę i 20 efektów dźwiękowych: krople, dzwonek w chwili, gdy konewka osiąga poziom potrzebny do zaliczenia, odliczanie końca czasu, śmiech Suszka.

Od grafiki do gotowej gry

Przygotowaliśmy projekt graficzny na podstawie wskazówek zamawiającego, zaproponowaliśmy mechanikę i kilka wariantów rozgrywki, a potem wykonaliśmy grę w HTML5 i JavaScript (jQuery), z odręcznym krojem Caveat Brush w napisach. Całość powstała w krótkim terminie, w kilku iteracjach: paczki v2, v3 i v4 przekazaliśmy zamawiającemu między końcem października a początkiem listopada 2019 roku. Gra działa dziś pod adresem coolpage.pl/gry/suszek-i-kropelka - najlepiej uruchomić ją w pionowym oknie lub na telefonie.