Разработать простую мобильную игру HTML5

4 000 руб. за проект
24 марта 2021, 15:04 • 5 откликов • 69 просмотров
Среда разработки: HTML5. Нужна 100% адаптация под экраны мобильных устройств: Android\iOS
Пример: https://ru.y8.com/games/virus_ninja

Попадая в игру пользователь видит меню: кнопка Play + How to play + лого игры (в пачке с графикой есть лого - пнг файл без фона)

Нажимая на Play пользователь видит 5 уровней (доступен только первый, после прохождения каждого - открывается новый. более темные кнопки используем, чтобы показать неактивность уровней).
Нажимая на 1 уровень, внизу экрана пользователь видит клоуна в полный рост. Сверху на клоуна падают фрукты, которые он должен разрезать, пока они не упали вниз, до конца нижней части экрана. Чтобы разрезать фрукт, пользователю нужно провести пальцем (свайпнуть) по падающему фрукту. Цель первого уровня - продержаться 30 секунд. Вверху экрана секундомер с обратным отсчетом оставшегося времени.
Также, сверху на клоуна падают бомбы, которые нельзя трогать, нужно дать им упасть. Если клоун разрезает (проводит пальцем) бомбу - игра заканчивается и появляется: 1. Game over; 2. надпись Play again, при нажатии на которую по новой начинается игра; 3. надпись Menu при нажатии на которую пользователь попадает в меню.

После того как юзер прошел первый уровень (продержался 30 секунд), он попадает в список всех уровней, где может выбрать следующий.

На каждом следующем уровне скорость падения фруктов и бомб возрастает, но все уровни должны быт проходимы (1х, 2х, 3х, 4х, 5х).
1 уровень - 30 секунд
2 уровень - 60 секунд
3 уровень - 1,5 минуты (90 секунд)
4 уровень - 3 минуты
5 уровень - 5 минут.

Нажав на How to play юзер видит инструкцию (есть в пачке с графикой. нужно просто поставить поверх фона): Cut fruit and don't touch bombs - that's all you need to know about Ninja Clown. To cut the fruit, slide your finger about it.
После прохождения 5 уровня пользователь видит текст (так же есть в пачке с графикой отдельным файлом. нужно просто поставить поверх фона): Thanks for playing! (Expect more levels soon)

Всю необходимую графику предоставим.