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

Компьютерная игра. Поэтапное создание игры в 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 направлениям)
Bulle
    Описание слайда:

    ДОБАВЛЕНИЕ ПОВЕДЕНИЙ

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


  • 13 слайд КАК ДОБАВИТЬ ПОВЕДЕНИЕДавайте добавим 8 direction movement игроку. Кликните
    Описание слайда:

    КАК ДОБАВИТЬ ПОВЕДЕНИЕ

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

  • 14 слайд Кликните по зеленой иконке 'add behavior' (добавить поведение) в диалоговом о
    Описание слайда:

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

  • 15 слайд Сделайте то же, но теперь добавьте Scroll To, чтобы экран следовал за игроком
    Описание слайда:

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

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

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

  • 17 слайд ДОБАВЛЕНИЕ ДРУГИХ ПОВЕДЕНИЙК объекту Bullet (Пуля) добавьте поведенияBullet
    Описание слайда:

    ДОБАВЛЕНИЕ ДРУГИХ ПОВЕДЕНИЙ

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

  • 18 слайд Это позволяет налаживать работу поведений. Измените скорость с 400 до 80 (в п
    Описание слайда:

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

  • 19 слайд СОЗДАНИЯ НОВЫХ МОНСТРОВУдерживая клавишу Ctr, кликните и перетащите объект M
    Описание слайда:

    СОЗДАНИЯ НОВЫХ МОНСТРОВ

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

  • 20 слайд СОБЫТИЯ


Первое событие, выглядит так
    Описание слайда:

    СОБЫТИЯ




    Первое событие, выглядит так

  • 21 слайд
    Описание слайда:

  • 22 слайд
    Описание слайда:

  • 23 слайд
    Описание слайда:

  • 24 слайд Поздравляю! Ваше первое событие готово!




Add condition [i]System[/i] -> [i
    Описание слайда:

    Поздравляю! Ваше первое событие готово!




    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
    Описание слайда:

    ИГРОК СТРЕЛЯЕТ

    Ваше событие должно выглядеть так:




    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
    Описание слайда:

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

  • 28 слайд и откроется диалоговое окно image points:
    Описание слайда:

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








  • 29 слайд
    Описание слайда:

  • 30 слайд Закройте редактор изображения. Кликните два раза по действию Spawn an object,
    Описание слайда:

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

  • 31 слайд Condition: [i]Bullet[/i] -> [i]On collision with another object[/i] -> pick [
    Описание слайда:

    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 (панели объекто
    Описание слайда:

    ЭФФЕКТ ВЗРЫВА






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

  • 33 слайд ДЕЛАЕМ МОНСТРА НЕМНОГО УМНЕЕCondition: [i]System[/i] -> [i]On start of Layou
    Описание слайда:

    ДЕЛАЕМ МОНСТРА НЕМНОГО УМНЕЕ

    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
    Описание слайда:

    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) - это произвольн
    Описание слайда:

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

  • 36 слайд ПЕРЕМЕННЫЕ Давайте добавим переменную health (здоровье) для нашего монстра. К
    Описание слайда:

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

  • 37 слайд Появится окно Instance Variables. Оно похоже на диалоговое окно Behaviors (Ре
    Описание слайда:

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

  • 38 слайд Когда вы закончите, кликните OK. Обратите внимание, что теперь переменная поя
    Описание слайда:

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

  • 39 слайд ИЗМЕНЕНИЕ СОБЫТИЙНайдите событие, которое называется Bullet - on collision w
    Описание слайда:

    ИЗМЕНЕНИЕ СОБЫТИЙ

    Найдите событие, которое называется 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 здоровье, пуля взрывается. Н
    Описание слайда:

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

  • 42 слайд СЧЕТКликните правой кнопкой мыши на нижней части листка событий и выберите A
    Описание слайда:

    СЧЕТ

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

  • 43 слайд Введите имя Score (Счет). Другие значения по умолчанию подходят нам. Они начи
    Описание слайда:

    Введите имя Score (Счет). Другие значения по умолчанию подходят нам. Они начинают отсчет с нуля.




    Глобальная переменная появится в виде линии на листке событий. Она находится на этом листке событий, но доступна на любом листке событий и на любом плане.

  • 44 слайд Давайте дадим игроку очко за убийство монстра. В нашем событии "Monster: heal
    Описание слайда:

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

  • 45 слайд СОЗДАНИЕ HEADS-UP DISPLAY (HUD)Перейдите назад к панели слоев, которую мы ис
    Описание слайда:

    СОЗДАНИЕ 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

Проверен экспертом

Общая информация

Скачать материал

Похожие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.