- PVSM.RU - https://www.pvsm.ru -

Игра на Construct 2. Часть 2

Игра на Construct 2. Часть 2
В первой части [1] данной статьи рассказывалось о начале работы с Construct 2. В этой статье мне хотелось бы довести начатую разработку до логического завершения: будет добавлено игровое меню, а также мы превратим полученную HTML5 игру в кроссплатформенную мобильную игру.

Для начала сделаем некоторые изменения в уже имеющемся проекте. Немного замедлим скорость объектов: Cloud до 150 и Balloon до 250.

Игра на Construct 2. Часть 2

Также, установим количество жизней для Balloon равным двум. Для этого добавим Instance variables.

Игра на Construct 2. Часть 2

Изменим взаимодействие пули, которую выпускает наш персонаж, и Balloon. Теперь, если количество жизней Balloon будет меньше или равно нулю, враг и пуля будут уничтожаться. При этом игроку будут добавляться очки, иначе — будет уничтожаться только пуля, а у врага будет отниматься 1 жизнь.

Игра на Construct 2. Часть 2

Сейчас Character перемещается только при помощи клавиатуры. Улучшим эту функцию и добавим еще 1 способ перемещения персонажа. Для этого добавим в Behaviors элемент, который называется Drag&Drop. С его помощью мы можем перетащить персонаж по нажатию на него.

Игра на Construct 2. Часть 2

Теперь перейдем к созданию игрового меню.
Добавим еще 1 слой и назовем его Menu.

Игра на Construct 2. Часть 2

В нем добавим Sprite, который будет играть роль фоновой картинки, а также текст «Click to play».

Игра на Construct 2. Часть 2

В Event sheet 2 добавим событие: при нажатии на экран переходить на игровой слой «Sky Battle».

Игра на Construct 2. Часть 2

В самом проекте установим Menu как первый запускающийся слой.

Игра на Construct 2. Часть 2

Теперь добавим в игровой слой текст «Game over», через 2 секунды после появления которого игра будет заново возвращаться в игровое меню.

Игра на Construct 2. Часть 2

Теперь всё готово [2] и можно экспортировать Construct 2 проект в HTML5. Уже сейчас его можно загрузить на http://phonegap.com [3] и получить готовые кроссплатформенные мобильные игры.
Также можно немного поэкспериментировать над ним. К примеру, убрать не слишком привлекательную надпись «Create your own games with Construct 2 — the HTML5 game maker» и установить только горизонтальную ориентацию для экрана.
В завершении загружаю ссылки на получившиеся HTML5 [4] и Android [5] приложения.

Автор: mkolenchukova

Источник [6]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/construct-2/27501

Ссылки в тексте:

[1] первой части: http://habrahabr.ru/company/ruswizards/blog/165367/

[2] всё готово: http://dl.dropbox.com/u/43627814/Construct%202%20Sky%20Battle%20Game%20Part%202/Construct%202%20Sky%20Battle%20project.zip

[3] http://phonegap.com: http://phonegap.com

[4] HTML5: http://dl.dropbox.com/u/43627814/Construct%202%20Sky%20Battle%20Game%20Part%202/HTML5/index.html

[5] Android: http://dl.dropbox.com/u/43627814/Construct%202%20Sky%20Battle%20Game%20Part%202/Sky%20Battle.apk

[6] Источник: http://habrahabr.ru/post/169973/