Dobry wieczór! Musimy stworzyć prostą grę internetową (html/css oraz trochę js). Strona internetowa jest przeznaczona dla telefonów komórkowych (mini gra na Telegramie).
Oto zadanie:
Masz stronę html/css z czarnym tłem:
Masz 200 baniek (różnych rozmiarów, które możesz dostosować według własnego uznania — najważniejsze, aby były klikalne i prezentacyjne. (rozmiary baniek powinny być dowolne, wybierz zakres pikseli rozważnie); Bąbelki powinny również mieć szklany i różowy gradient (patrz załączone zdjęcie): https://static.vecteezy.com/system/resources/thumbnails/005/093/148/small_2x/realistic-soap-bubbles-with-rainbow-reflection -set-isolated-illustration-vector.jpg.
Kiedy użytkownik kliknie te bąbelki, znikają (zrób realistyczną animację — bąbelki powinny rozpuszczać się na ekranie tak jak w rzeczywistości rozpuszczają się w powietrzu);
Masz również skalę energii, która liczy ogólną liczbę baniek (która wynosi 200). Skala śledzi również, ile baniek użytkownik kliknął w danym momencie. Kiedy użytkownik kliknie bąbelki, ilość energii odpowiednio maleje. Jeśli użytkownik poczeka chwilę (zazwyczaj 2-3 sekundy), liczba baniek na ekranie zaczyna stopniowo rosnąć, podobnie jak skala energii. Po tym, jak użytkownik dotknie ekranu 200 razy, pojawi się animacja prezentu (po kliknięciu przez użytkownika na pudełko z prezentem, pojawi się losowa liczba z zakresu od 1 do 100. Animacje i obrazy wykonaj według własnego uznania.), następnie spraw, aby numer zniknął i wróć do początkowego etapu z 200 bąbelkami na ekranie.
Proszę, pracuj nad poprawą błędów bardzo uważnie, animacja i system obliczeń powinny działać dokładnie i płynnie. Skontaktuj się ze mną, aby ustalić czas potrzebny na pełne wykonanie zadania.
Z góry dziękujemy za zrozumienie i współpracę!
