SonyaOrlova / construct-flappy-bird

Игра 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)