Компьютерная игра. Поэтапное создание игры в Construct2

• 1 слайд

  Компьютерные игры
  

• 2 слайд

  НАЧИНАЕМ СОЗДАНИЕ ИГРЫ
  
  

• 3 слайд

  РАСПОЛОЖЕНИЕ ОБЪЕКТОВ
  ТАЙЛОВЫЙ ФОН
  
  

• 4 слайд

• 5 слайд

• 6 слайд

• 7 слайд

• 8 слайд

  ДОБАВЛЕНИЕ СЛОЯ
  
  

• 9 слайд

• 10 слайд

  ДОБАВЛЕНИЕ ОБЪЕКТОВ
  
  ОБЪЕКТЫ ИГРЫ
  Игрок Монстр Пуля Взрыв
  

• 11 слайд

  Переместите спрайты пули и взрыва за край плана – нам незачем видеть их, когда начнётся игра.
  Эти объекты называются Sprite, Sprite2, Sprite3 и Sprite4, что неудобно – в названиях легко запутаться. Переименуйте их на Player (Игрок), Monster (Монстр), Bullet (Пуля) и Explosion (Взрыв). Вы можете сделать это, выбрав объект, и изменив Name на панели свойств:
  
  

• 12 слайд

  ДОБАВЛЕНИЕ ПОВЕДЕНИЙ
  
  8 Direction movement (Движение по 8 направлениям)
  Bullet movement (Движение пули)
  Scroll to (Прокручивание)
  Bound to layout (Ограничение по плану)
  Destroy outside layout (Уничтожение объектов за границами плана)
  Fade (Затухание)
  
  
  

• 13 слайд

  КАК ДОБАВИТЬ ПОВЕДЕНИЕ
  
  Давайте добавим 8 direction movement игроку. Кликните по игроку, чтобы выделить его. На панели свойств найдите категорию Behaviors и кликните Add / Edit. Откроется диалоговое окно режимов для игрока.
  

• 14 слайд

  Кликните по зеленой иконке 'add behavior' (добавить поведение) в диалоговом окне режимов. Чтобы добавить 8 direction movement кликните по нему два раза.
  

• 15 слайд

  Сделайте то же, но теперь добавьте Scroll To, чтобы экран следовал за игроком, и поведениеBound to layout, чтобы игрок оставался внутри экрана. Окно поведений должно выглядеть так:
  

• 16 слайд

  Закройте диалоговое окно. Нажмите Run, чтобы запустить игру!
  
  

• 17 слайд

  ДОБАВЛЕНИЕ ДРУГИХ ПОВЕДЕНИЙ
  
  К объекту Bullet (Пуля) добавьте поведенияBullet movement и Destroy outside layout (здесь без сюрпризов).
  К объекту Monster (Монстр) добавьте поведениеBullet movement (Монстр также перемещается по прямой линии).
  К объекту Explosion (Взрыв) добавьте поведениеFade (чтобы взрыв медленно исчезал). По умолчанию режим Fade также уничтожает объект после его исчезновения, что также предотвращает скопление невидимых объектов в игре.
  Если вы запустите игру, вы заметите, что монстры появляются довольно внезапно. Давайте замедлим их движение. Выберите объект Monster. Обратите внимание, что после добавления поведения на панели свойств появились дополнительные свойства:
  
  

• 18 слайд

  Это позволяет налаживать работу поведений. Измените скорость с 400 до 80 (в пикселях за секунду). Так же измените скорость объекта Bullet до 600, а Fade out time (Время исчезновения) в режиме Fade объекта Explosion до 0.5 (полсекунды).
  

• 19 слайд

  СОЗДАНИЯ НОВЫХ МОНСТРОВ
  
  Удерживая клавишу Ctr, кликните и перетащите объект Monster. Вы заметите, что это создает другой экземпляр. Это просто другой объект вида Monster.
  Удерживая клавишу Ctr + тащить, создайте 7 или 8 новых монстров. Не размещайте их слишком близко к игроку – их сразу же убьют! Вы можете увеличить масштаб, нажав клавишу Ctr и используя колесо мыши, если это удобно, и распространить их по всему плану. Должно получиться что-то похожее.
  Теперь время добавить специальные функции через визуальный метод программирования Construct 2– event system (система событий).
  

• 20 слайд

  СОБЫТИЯ
  
  
  
  
  Первое событие, выглядит так
  

• 21 слайд

• 22 слайд

• 23 слайд

• 24 слайд

  Поздравляю! Ваше первое событие готово!
  
  
  
  
  Add condition [i]System[/i] -> [i]Every tick[/i]
  Add action [i]Player[/i] -> [i]Set angle towards position[/i] -> X: [i]Mouse.X[/i], Y: [i]Mouse.Y[/i]
  

• 25 слайд

  ИГРОК СТРЕЛЯЕТ
  
  Ваше событие должно выглядеть так:
  
  
  
  
  Condition: [i]Mouse[/i] -> [i]On click[/i] -> Left clicked (the default)
  Action: [i]Player[/i] -> [i]Spawn another object[/i] -> For [i]Object[/i], choose the [i]Bullet[/i] object.
  

• 26 слайд

  Кликните правой кнопкой мыши по игроку на проекте или панели объектов и выберите Edit animations.
  

• 27 слайд

  Снова появится редактор изображения. Кликните по инструменту origin and image points (источник и точки изображения):
  

• 28 слайд

  и откроется диалоговое окно image points:
  
  
  
  
  
  
  
  
  

• 29 слайд

• 30 слайд

  Закройте редактор изображения. Кликните два раза по действию Spawn an object, которое мы добавили ранее и измените Image point на 1. (Центр всегда является первой точкой изображения. Помните, что Construct 2 начинает отсчет с нуля). Событие должно выглядеть так, как показано на рисунке ниже. Обратите внимание: теперь на нем написано Image point 1:
  
  

• 31 слайд

  Condition: [i]Bullet[/i] -> [i]On collision with another object[/i] -> pick [i]Monster[/i].
  Action: [i]Monster[/i] -> [i]Destroy[/i]
  Action: [i]Bullet[/i] -> [i]Spawn another object[/i] -> [i]Explosion[/i], layer [b]1[/b]
  Action: [i]Bullet[/i] -> [i]Destroy[/i]
  

• 32 слайд

  ЭФФЕКТ ВЗРЫВА
  
  
  
  
  
  
  Кликните по Explosion object на Object bar (панели объектов) в нижнем правом углу или по Project bar (панели проектов) (которая была табулирована с layers bar (панель слоев). Слева появятся свойства на properties bar (панели свойств). Внизу установите настройки Blend mode в режим Additive*. Теперь попробуйте запустить игру снова
  

• 33 слайд

  ДЕЛАЕМ МОНСТРА НЕМНОГО УМНЕЕ
  
  Condition: [i]System[/i] -> [i]On start of Layout[/i]
  Action: [i]Monster[/i] -> [i]Set angle[/i] -> random(360)
  

• 34 слайд

  Condition: [i]Monster[/i] -> [i]Is outside layout[/i]
  
  Action: [i]Monster[/i] -> [i]Set angle toward position[/i] -> For X, [b]Player.X[/b] - for Y, [b]Player.Y[/b].
  

• 35 слайд

  1400 – это координата Х с правого края плана, а random(1024) - это произвольная координата Y высоты плана.
  Наконец, давайте создадим призрака, который убивает игрока.
  Condition: Monster -> On collision with another object -> Player
  Action: Player -> Destroy
  
  

• 36 слайд

  ПЕРЕМЕННЫЕ
  Давайте добавим переменную health (здоровье) для нашего монстра. Кликните по монстру на панели проектов или панели объектов. Как вариант, вы можете переключиться обратно на план и выбрать объект монстр. Откроются свойства монстра на панели свойств. Кликните Add/edit на Edit variables.
  

• 37 слайд

  Появится окно Instance Variables. Оно похоже на диалоговое окно Behaviors (Режимов), которое мы видели ранее, но в данном окне вы можете изменять переменные ситуации для объекта. Кликните по зеленой кнопке Add, чтобы добавить новую переменную.
  

• 38 слайд

  Когда вы закончите, кликните OK. Обратите внимание, что теперь переменная появляется в диалоговом окне переменных ситуаций, а также в свойствах монстра. (Вы можете быстро изменить первоначальные значения на панели свойств, но для того, чтобы добавить или убрать переменные, надо кликнуть по линку Add / Edit).
  

• 39 слайд

  ИЗМЕНЕНИЕ СОБЫТИЙ
  
  Найдите событие, которое называется Bullet - on collision with Monster. Обратите внимание, что у вас есть действие "destroy monster" (уничтожить монстра). Давайте заменим его на "subtract 1 from health" (вычитать 1 из здоровья). Кликните правой кнопкой мыши по действию "destroy monster" и кликните Replace.
  

• 40 слайд

  Появится то же диалоговое окно, как при создании нового действия, но теперь вместо создания действия, будет произведена замена действия, на которое мы нажали. Выберите Monster -> Subtract from (в категории Instance variables ) -> Instance variable "health", и введите 1 для Value. Кликните Done. Теперь действие должно выглядеть так:
  

• 41 слайд

  Теперь, когда мы стреляем в монстра, он теряет 1 здоровье, пуля взрывается. Но мы еще не создали событие, при котором монстр будем умирать, когда уровень здоровья достигает нуля. Добавьте еще одно событие:
  

• 42 слайд

  СЧЕТ
  
  Кликните правой кнопкой мыши на нижней части листка событий и выберите Add global variable (Добавить глобальную переменную).
  

• 43 слайд

  Введите имя Score (Счет). Другие значения по умолчанию подходят нам. Они начинают отсчет с нуля.
  
  
  
  
  Глобальная переменная появится в виде линии на листке событий. Она находится на этом листке событий, но доступна на любом листке событий и на любом плане.
  

• 44 слайд

  Давайте дадим игроку очко за убийство монстра. В нашем событии "Monster: health less or equal 0" (когда монстр умирает), кликните Add action, и выберите System-> Add to (under Global & local variables) (под глобальными и локальными переменными)-> Score, value 1. Теперь событие должно выглядеть так:
  

• 45 слайд

  СОЗДАНИЕ HEADS-UP DISPLAY (HUD)
  
  Перейдите назад к панели слоев, которую мы использовали раньше. Добавьте новый слой с названием HUD. Убедитесь, что он находится поверх остальных слоев и что вы его выбрали (помните, что при этом этот слой активный). Свойства теперь должны отображаться на панели свойств. Установите свойства Parallax на значение 0, 0 (ноль на обеих осях - X и Y).
  

• 46 слайд

  Кликните два раза по области, чтобы вставить еще один объект. Теперь выберите объект Text. Поместите его в верхнем левом углу плана. Его сложно будет увидеть, если он будет черным, поэтому на панели свойств установите шрифт на значения жирный, курсив, желтый и выберите больший размер. Он должен выглядеть примерно так:
  

• 47 слайд

  Перейдите назад к листу событий. Давайте установим обновление текста со счетом игрока. В событии Every tick, которое мы добавили ранее, добавьте действие Text -> Set text.
  Используя оператор &, мы можем преобразовать цифру в текст и присоединить его к другой цепочке текста. Для текста введите следующее:
  "Score: " & Score
  Первая часть ("Score: ") означает, что текст будет всегда начинаться фразой Score:.Вторая часть (Score) – настоящее значение глобальной переменной счета. Значок & объединяет их в один текст.
  Запустите игру и стреляйте по монстрам. Счет отображается и всегда остается на одном месте на экране.
  
  

• 48 слайд

  Последние штрихи
  Вначале давайте создадим регулярное появление монстров. Иначе, когда вы застрелите всех монстров, больше ничего не останется делать. Новый монстр будет появляться каждые 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)
  

Краткое описание документа:

В данной презентации, подробно описано создание игры. Она поможет учащимся 4-5 классов, создать игру при помощи программы Construct2