Игра Flappy Bird на Construct 3
Открытие проекта для работы в редакторе Construct
В редакторе необходимо нажать Menu -> Project -> Open project local folder и выбрать папку dev
.
Проект для деплоя собирается самим Construct (Menu -> Project -> Export). Сборка лежит в папке prod
.
Выполнить в терминале
npm i
npm run serve
Основная логика игры сделана в конструкторе встроенными методами no-code. Интегрирован кастомный скрипт JS (dev -> scripts -> main.js). В рамках скрипта сделана логика подсчета очков (это можно было сделать и в конструкторе), так же проверена работа с AJAX.
Структура проекта определяется структурой примитивов Construct. Все данные представлены в формате JSON, визуально структура воспринимается легко.
Включает в себя блоки по папка:
- лейауты (layouts) - страницы игры. Лейаут включает в себя слои, слой включает в себя объекты, которые в него были добавлены. Объекты включают в себя характеристики относительно лейаута (visibilirt, origin, offset, margin, информацию о базовом поведении);
- таблицы событий (eventSheets) - список событий игры. В текущей игре я для каждого лейаута сделала свою таблицу событий. События по факту включают в себя обработчики каких-либо событий и реакцию на них того или иного объекта, либо системы в целом;
- объекты (objectTypes) - объекты игры. Объект игры включает в себя свои визуальные характеристики, анимации и поведения. Например, объект
Bird
имеет анимацию по зацикленному кадрированию спрайта (машет крыльями), и имеет поведение Bullet; - кастомные скрипты (scripts) - это то, что можно написать дополнительно самому на JS;
- timelines - работа с анимацией объектов
А так же включает папки с самими картинками (images) и иконками (icons)