Создание heads-up display (HUD)
HUD – это интерфейс, который показывает уровень здоровья игрока, счет и другую информацию в игре. Давайте создадим простой HUD из объекта текст.
HUD всегда остается в одном месте на экране. Если у нас есть объекты интерфейса, нам не надо, чтобы они исчезали, когда игрок перемещается – они должны оставаться на одном месте. По умолчанию, слои перемещаются. Чтобы удержать их на экране, мы можем использовать установку слоя Parallax. Parallax отображает перемещение разных слоев на разных уровнях при эффекте полу-3D. Однако если мы установим parallax на ноль, слой вовсе не будет перемещаться – идеально для HUD.
Перейдите назад к панели слоев, которую мы использовали раньше. Добавьте новый слой с названием HUD. Убедитесь, что он находится поверх остальных слоев и что вы его выбрали (помните, что при этом этот слой активный). Свойства теперь должны отображаться на панели свойств. Установите свойства Parallax на значение 0, 0 (ноль на обеих осях - X и Y).
Кликните два раза по области, чтобы вставить еще один объект. Теперь выберите объект Text. Поместите его в верхнем левом углу плана. Его сложно будет увидеть, если он будет черным, поэтому на панели свойств установите шрифт на значения жирный, курсив, желтый и выберите больший размер. Он должен выглядеть примерно так:
Перейдите назад к листу событий. Давайте установим обновление текста со счетом игрока. В событии Every tick, которое мы добавили ранее, добавьте действие Text -> Set text.
Используя оператор &, мы можем преобразовать цифру в текст и присоединить его к другой цепочке текста. Для текста введите следующее:
"Score: " & Score
Первая часть ("Score: ") означает, что текст будет всегда начинаться фразой Score:.Вторая часть (Score) – настоящее значение глобальной переменной счета. Значок & объединяет их в один текст.
Запустите игру и стреляйте по монстрам. Счет отображается и всегда остается на одном месте на экране.
Последние штрихи
Мы почти закончили. Давайте внесем последние штрихи.
Вначале давайте создадим регулярное появление монстров. Иначе, когда вы застрелите всех монстров, больше ничего не останется делать. Новый монстр будет появляться каждые 3 секунды. Добавьте новое событие:
Condition: [i]System[/i] -> [i]Every X seconds[/i] -> [b]3[/b]
Action: [i]System[/i] -> [i]Create object[/i] -> [b]Monster[/b], layer [b]1[/b], [b]1400[/b] (for X), [b]random(1024)[/b] (for Y)
1400 – это координата Х с правого края плана, а random(1024) - это произвольная координата Y высоты плана.
Наконец, давайте создадим призрака, который убивает игрока.
Condition: Monster -> On collision with another object -> Player
Action: Player -> Destroy
Заключение
Поздравляю! Вы создали свою первую HTML5 игру в программе Construct 2! Если у вас есть сервер и вы хотите продемонстрировать свою работу, кликните Export в File menu (файловое меню). Программа Construct2 может сохранять все файлы проекта в папку на компьютере, которую вы можете загрузить или интегрировать на веб страницу. Если у вас нет собственного сервера, вы можете поделиться играми на Dropbox.
Вы выучили важные основы программы Construct 2: добавление объектов, использование слоев, режимы, события и т.д. Надеюсь, благодаря этим навыкам вы сможете научиться дальнейшей работе в программе! Пробуйте исследовать функции программы и увидеть, что она может.
Готовый проект
Попробуйте скачать готовый проект. Я добавил еще функции, такие как текст "Game over" и монстры, которые постепенно ускоряются. С вашими знаниями о работе программы, вы легко можете догадаться, как добавить эти функции. В проекте также есть много комментариев, которые описывают работу.
Наконец, если вам понравилось руководство, и кто-то из ваших друзей также может заинтересоваться работой с программой Construct 2, почему бы вам не отправить им ссылку на данное руководство? Несомненно, хуже не будет .
Дальнейшее чтение
Хотите добавить музыку и звуковые эффекты? Просмотрите Звук и Музыка в руководстве для быстрого просмотра.
Возможно, вас заинтересует наше альтернативное руководство для игры-платформы - Как сделать платформер.
Если вы хотите узнать больше о работе с событиями в программе Construct 2, посмотрите секцию Как работают события в руководстве. Мы рекомендуем просмотреть секцию, поскольку она поможет вам быстро начать создавать собственные проекты! Больше информации предоставит полное руководство.