MerixGames

Zamknij

Previous

Next

Ice Cream Express

  • HTML5
  • CSS3
  • JavaScript
Dla Klienta z branży digital signage, przy wykorzystaniu technologii HTML5, stworzyliśmy grę na ekrany dotykowe - Ice Cream Express.

Celem gry jest skomponowanie dokładnie takiego samego loda jak na obrazku-wzorze. Gracz musi ułożyć wszystkie konieczne składniki w odpowiedniej kolejności. Liczy się kolor, kształt, a także czas. Na ułożenie deserów i tym samym usatysfakcjonowanie wszystkich klientów stojących w kolejce mamy bowiem ograniczony czas.

Rozważaliśmy wykorzystanie wielu różnych technologii i sposobów pracy nad projektem. Ostatecznie zdecydowaliśmy się zbudować grę na elementach HTML5 i oprogramować ją w czystym JavaScript’cie. Całość uruchomiana jest w przeglądarce Chromium, a dokładniej NW.js, czyli połączenia silnika Webkit i środowiska Node.js.

Ostatnim etapem projektu było dodanie animacji. Unikając obciążenia urządzenia obliczeniami JavaScript’owymi, tam gdzie było to możliwe używaliśmy animacji CSS’owych. W celu uzyskania dodatkowych efektów wygładzania oraz animowania postaci użyliśmybiblioteki GSAP (GreenSock animation platform), którą wykorzystujemy przy większości zaawansowanych projektów tego typu.

Case study

Strona używa plików cookies. Wyrażasz zgodę na używanie cookies, zgodnie z aktualnymi ustawieniami przeglądarki.