Попрыгун. Что такое жанр игр?

1.

Попрыгун
Цели занятия:
• Узнать,
что
«Джампер»
такое
жанр
игр
• Закрепить понятия: Спрайт
• Добавить объекты: Выступ и Облако
Создание игр
в Construct 2
• Изучить понятие «Цикл», «Итерация»
• Запрограммировать
генерацию объектов
случайную
1

2.

Повторение
Как добавить Новый
спрайт?
Что означают значения
Герой.X и Герой.Y?
Какое действие
создает объект в игре?
2
© Конструкторское Бюро КУБИК www.kbkubik.ru

3.

Construct 2
Всем привет!
И мы продолжаем создавать
игры в Construct 2!
Давайте узнаем, какие игры
сделаны на движке Construct 2.
3
© Конструкторское Бюро КУБИК www.kbkubik.ru

4.

4

5.

Assassin’s jumps. Урок 18
Мы уже создали 4 игры
на Игровом движке Construct 2.
Игровой движок (англ. game engine) –
программа, позволяющая создавать и
запускать игры.
Он предоставляет разработчикам
инструменты для создания большинства
компонентов игры, а потом позволяет им
собрать их воедино.
5
© Конструкторское Бюро КУБИК www.kbkubik.ru

6.

Попрыгун. Урок 18
Construct 2 – игровой движок, позволяет
создавать 2D-игры различных жанров и
сложности.
Construct 2 позволяет экспортировать
проекты в различные операционные
системы, такие как Windows, IOS, Android и
т.п. и загружать свои игры на такие
коммерческие платформы, как Steam,
AppStore, PlayMarket.
6
© Конструкторское Бюро КУБИК www.kbkubik.ru

7.

Попрыгун. Урок 18
Игра, которую мы начинаем создавать
сегодня – «Джампер».
Джампер (англ. Jumper – прыгун) –
поджанр игр «Endless runner». Персонаж
бесконечно прыгает по платформам,
которые со временем могут разрушится, и
собирает предметы.
Управление – интуитивное: нажимаем на
правую часть экрана, персонаж движется
вправо, на левую – влево.
7

8.

8

9.

Эту игру мы так же будем создавать
игру «С НУЛЯ!».
Закрепим навык добавления
объектов и изменения параметров!
На сегодняшнем занятии мы
добавим облака, платформы и
персонажа в различных позах.
9
© Конструкторское Бюро КУБИК www.kbkubik.ru

10.

На ваших компьютерах уже запущена программа
Construct 2, но проекта в ней нет.
Создадим его!
10

11.

1.
2.
3.
4.
Нажимаем кнопку File
Выбираем пункт Новый
Выбираем пункт Новый пустой проект
Жмем Open
11

12.

1.
2.
3.
4.
Нажимаем папку Новый проект
В параметре Размер окна пишем 480х850
Нажимаем уровень Уровень 1
В параметре Размер уровня пишем 480х850
12

13.

Отлично! Рабочую область мы настроили!
Размеры окна в рабочем проекте указывает
на видимую область, а размер окна уровня –
на размер макета, в котором будут
располагаться объекты.
Для изменения масштаба
рабочего поля
воспользуйтесь
комбинацией
Ctrl + Колесико мышки
13

14.

Настроим цвет фона!
Обычно цвет фона мы оставляли по умолчанию
белым и перекрывали его изображением фона.
В данной игре генерация объектов фона будет
случайной, так что цвет фона имеет значение.
14

15.

Но перед этим - добавим слои!
Ключевые слои:
• Верхний – Интерфейс
• Средний – Игра
• Нижний – Фон
Для добавления
слоя нужно нажать
«плюс».
Для смены имени –
нажать
«карандаш».
15

16.

Настроим цвет фона слоя «Фон».
1. Выбираем в списке слоев «Фон».
2. В параметре Цвет фона выбираем цвет.
(Один из светлого диапазона)
Убедиться, что параметр «Прозрачность» установлено значение «Нет».16

17.

Задача:
Добавить Спрайт Облако.
Написать программу, которая
расставляет облака в случайных
местах на экране.
17
© Конструкторское Бюро КУБИК www.kbkubik.ru

18.

Для того, чтобы создать новый Объект, нужно:
1. Во вкладке Уровень 1 нажать ПКМ
2. Выбрать Insert new object
3. Найти объект Спрайт и задать ему имя «Облако»
4. Нажать на рабочее поле. После откроется редактор.
18

19.

1. Нажимаем кнопку Load
2. Выбираем картинку Облако.png
3. Нажимаем Открыть
19

20.

Убедимся, что установлен слой Фон
20

21.

Переходим в Лист Событий 1
21

22.

Условие: Системные → On start of layout
Под-условие: Системные→ Repeat → Значение 10
22

23.

Действие:
Системные → Create object → Объект: Облако
Слой: 0
X: random(480) Y: random(850)
23

24.

Запускаем и смотрим
При каждом запуске, облака располагаются
в разных местах.
24

25.

Repeat (англ. повторить) – это цикл
с установленным числом повторений.
Цикл – это оператор повторений.
Выполняет одинаковые действия,
записанные внутри него один или
несколько раз, в зависимости от условий,
тем самым уменьшая объем программы.
Таким образом, создание объектов
Облако производилось 10 раз,
всего двумя сточками кода.
25
© Конструкторское Бюро КУБИК www.kbkubik.ru

26.

Циклы – это удобный инструмент, когда
действие повторяется неоднократно.
Мы уже использовали циклы:
событие Every tick – бесконечный цикл,
который повторяет действия внутри него
на протяжении всей игры.
Например, записать значение Очки
в объект Счетчик и вывести на экран.
26
© Конструкторское Бюро КУБИК www.kbkubik.ru

27.

Задача:
Добавить Спрайт Выступ.
Написать программу, которая расставляет
выступы/платформы
в с одинаковым шагом по вертикали
и случайным положением по горизонтали.
27
© Конструкторское Бюро КУБИК www.kbkubik.ru

28.

Для того, чтобы создать новый Объект, нужно:
1. Во вкладке Уровень 1 нажать ПКМ
2. Выбрать Insert new object
3. Найти объект Спрайт и задать ему имя «Выступ»
4. Нажать на рабочее поле. После откроется редактор.
28

29.

1. Нажимаем кнопку Load
2. Выбираем картинку Выступ_1.png
3. Нажимаем Открыть
Объект должен располагаться на слое «Игра»
29

30.

К условию: Системные → On start of layout добавим
Под-условие: Системные→ For → Значение 10
Действие: Системные → Create object → Объект: Выступ
Слой: 1 X: random(40, 440) Y: 800 – loopindex*150
30

31.

Запускаем и смотрим
Сгенерированные выступы находятся на равной
высоте друг от друга!
31

32.

For (англ. для) – это так же цикл с
установленным числом повторений.
Его главное отличие от цикла Repeat –
каждая итерация сохраняет ее порядковый
номер, сохраняемый в переменной
loopindex.
Итерацией называется прохождение
одного круга действий в цикле.
Значит, что цикл Повторить 10 раз
выполняет 10 итераций.
32
© Конструкторское Бюро КУБИК www.kbkubik.ru

33.

В программе использовалась формула
для Y – вертикального положения объекта:
Y = 800 – loopindex * 150
При первом прохождении цикла, значение
loopindex равно 1 значит:
Y = 800 – 1 * 150 = 650.
При втором – loopindex равно 2, значит:
Y = 800 – 2 * 150 = 500
и так далее.
Чему будет равен Y в 10 итерации?
Loop index – индекс цикла
33

34.

Самостоятельная задача:
Добавить Спрайт Герой и загрузить
изображения различных движений.
Загрузить в спрайт все изображения, и
установить скорость анимации 0.
В папке Спрайты сохранены изображения
Героя в различных позах:
сидит, прыгает, падает.
34
© Конструкторское Бюро КУБИК www.kbkubik.ru

35.

Таким образом мы подготовили спрайт Героя для
дальнейшего программирования!
Объект должен располагаться на слое «Игра»
35

36.

• Для чего нужны Циклы?
• Что такое Итерация?
• Что обозначает переменная
loopindex?
© Конструкторское Бюро КУБИК www.kbkubik.ru

37.

Покажите родителям игру!
37
© Конструкторское Бюро КУБИК www.kbkubik.ru

38.

Через неделю мы продолжим создавать игру!
Запрограммируем Управление персонажем и
движение выступов вниз!
38

39.

Ничто не истина,
все дозволено!
39