![](/uploads/posts/2022-11/1668134821_geometry-monster-banner.jpg)
Создание игры Geometry Monster
Комментарии
(Оценок: 0)
ОПИСАНИЕ
Время прочтения:
Добро пожаловать в учебное пособие по созданию игры Geometry Monster. В этой статье вы узнаете, как создать гипер-казуальную игру, подходящую для мобильных устройств.
От создания главного героя и его анимации, добавления элементов управления до обнаружения столкновений, отслеживания очков и наличия нескольких жизней. Мы также внедрим несколько сцен, включая главное меню и игровой процесс, звуковые эффекты и уровень сложности, которые увеличиваются с течением времени.
![{title}](/uploads/blog_img/game-preview.png)
— СКАЧАТЬ ФАЙЛЫ ИГРЫ
— ИГРАТЬ В ИГРУ ОНЛАЙН Создание первой сцены
Теперь, когда мы установили GDevelop, мы можем приступить к созданию. Чтобы добавить компоненты в нашу игру, мы должны начать со сцены - она будет работать как корзина с различными предметами и показывать их на экране.
![{title}](/uploads/blog_img/14.png)
Чтобы добавить новую сцену, нажмите на раздел “Сцены” на левой панели, и когда содержимое будет развернуто, вам будет представлена кнопка “Нажмите, чтобы добавить сцену”, которая не требует пояснений.
![{title}](/uploads/blog_img/15.png)
Давайте назовем нашу первую сцену “Level1”.
![{title}](/uploads/blog_img/16.png)
После успешного создания сцены мы перейдем непосредственно к ней. Обратите внимание на вкладки в верхней части редактора, которые вы можете выбрать - там есть “Level1” и “Level1 (События)” отдельно. На левой панели вы можете управлять свойствами любого из выбранных объектов, фактическое содержимое сцены видно в середине (при этом область игрового процесса уже находится в портретном режиме), а список “Объекты” на правой панели.
Добавим главного героя
Теперь, когда сама сцена готова, она выглядит немного пустой - давайте добавим к ней что-нибудь!
![{title}](/uploads/blog_img/17.png)
Мы сможем сделать это, нажав на кнопку “Добавить новый объект” на панели “Объекты” справа.
![{title}](/uploads/blog_img/18.png)
Это откроет всплывающее окно, в котором будет показан список доступных опций. Выберите “Спрайт”, и добавьте картинки которые вы скачали, к элементам игры.
![{title}](/uploads/blog_img/19.png)
Появится еще одно всплывающее окно, но теперь с опциями для настройки нашего нового объекта. Мы назовем его “Monster”, и он будет нашим главным героем в игре.
![{title}](/uploads/blog_img/20.png)
Дав ему новое имя, давайте добавим несколько изображений, которые будут представлять его на сцене и в игре. Нажмите на кнопку “Добавить анимацию”, чтобы открыть окно выбора файла.
![{title}](/uploads/blog_img/21.png)
Перейдите в папку, где находятся изображения (вы можете загрузить их отсюда), выберите все, что вы хотите добавить, а затем нажмите “Добавить”.
![{title}](/uploads/blog_img/22.png)
GDevelop покажет сообщение о том, что эти файлы находятся за пределами папки проекта, поэтому рекомендуемый следующий шаг - сначала разрешить копирование их в папку проекта, прежде чем мы будем что-либо с ними делать. Нажмите “Ок”, чтобы сделать это.
![{title}](/uploads/blog_img/23.png)
Все изображения, которые мы только что импортировали, будут использоваться в качестве анимации ожидания - той, которая воспроизводится, когда ничего не происходит. Анимация зациклена, поэтому будет выглядеть так, как будто монстр закрывает и открывает глаза время от времени до бесконечности.
Мы назовем эту анимацию “MonsterIdle”, и каждый новый кадр будет отображаться через десятую долю секунды.
Не забудьте выбрать опцию “Цикл”, чтобы анимация повторялась.
Вы также можете редактировать изображения в пикселях или предварительно просмотреть саму анимацию, если хотите.
![{title}](/uploads/blog_img/24.png)
Когда все будет сделано, нажмите на кнопку “Применить”, чтобы сохранить изменения.
![{title}](/uploads/blog_img/25.png)
Теперь вы можете увидеть значок нашего маленького монстра на правой панели, под списком “Объекты”. Разве он не милый?
Чтобы сцена выглядела немного интереснее, мы добавим к ней цвет фона. Щелкните правой кнопкой мыши на сцене и выберите “Свойства сцены” из контекстного меню. Это откроет всплывающее окно с некоторыми опциями - нас интересует установка “Цвета фона сцены” на что-то, на чем монстр будет выглядеть стильно.
![{title}](/uploads/blog_img/26.png)
Нажмите на палитру цветов справа и выберите цвет - #560921.
![{title}](/uploads/blog_img/27.png)
После подтверждения цвет фона сцены изменится на тот, который был выбран!
Настольные и мобильные элементы управления >>>>
От создания главного героя и его анимации, добавления элементов управления до обнаружения столкновений, отслеживания очков и наличия нескольких жизней. Мы также внедрим несколько сцен, включая главное меню и игровой процесс, звуковые эффекты и уровень сложности, которые увеличиваются с течением времени.
![{title}](/uploads/blog_img/game-preview.png)
— СКАЧАТЬ ФАЙЛЫ ИГРЫ
— ИГРАТЬ В ИГРУ ОНЛАЙН Создание первой сцены
Теперь, когда мы установили GDevelop, мы можем приступить к созданию. Чтобы добавить компоненты в нашу игру, мы должны начать со сцены - она будет работать как корзина с различными предметами и показывать их на экране.
![{title}](/uploads/blog_img/14.png)
Чтобы добавить новую сцену, нажмите на раздел “Сцены” на левой панели, и когда содержимое будет развернуто, вам будет представлена кнопка “Нажмите, чтобы добавить сцену”, которая не требует пояснений.
![{title}](/uploads/blog_img/15.png)
Давайте назовем нашу первую сцену “Level1”.
![{title}](/uploads/blog_img/16.png)
После успешного создания сцены мы перейдем непосредственно к ней. Обратите внимание на вкладки в верхней части редактора, которые вы можете выбрать - там есть “Level1” и “Level1 (События)” отдельно. На левой панели вы можете управлять свойствами любого из выбранных объектов, фактическое содержимое сцены видно в середине (при этом область игрового процесса уже находится в портретном режиме), а список “Объекты” на правой панели.
Добавим главного героя
Теперь, когда сама сцена готова, она выглядит немного пустой - давайте добавим к ней что-нибудь!
![{title}](/uploads/blog_img/17.png)
Мы сможем сделать это, нажав на кнопку “Добавить новый объект” на панели “Объекты” справа.
![{title}](/uploads/blog_img/18.png)
Это откроет всплывающее окно, в котором будет показан список доступных опций. Выберите “Спрайт”, и добавьте картинки которые вы скачали, к элементам игры.
![{title}](/uploads/blog_img/19.png)
Появится еще одно всплывающее окно, но теперь с опциями для настройки нашего нового объекта. Мы назовем его “Monster”, и он будет нашим главным героем в игре.
![{title}](/uploads/blog_img/20.png)
Дав ему новое имя, давайте добавим несколько изображений, которые будут представлять его на сцене и в игре. Нажмите на кнопку “Добавить анимацию”, чтобы открыть окно выбора файла.
![{title}](/uploads/blog_img/21.png)
Перейдите в папку, где находятся изображения (вы можете загрузить их отсюда), выберите все, что вы хотите добавить, а затем нажмите “Добавить”.
![{title}](/uploads/blog_img/22.png)
GDevelop покажет сообщение о том, что эти файлы находятся за пределами папки проекта, поэтому рекомендуемый следующий шаг - сначала разрешить копирование их в папку проекта, прежде чем мы будем что-либо с ними делать. Нажмите “Ок”, чтобы сделать это.
![{title}](/uploads/blog_img/23.png)
Все изображения, которые мы только что импортировали, будут использоваться в качестве анимации ожидания - той, которая воспроизводится, когда ничего не происходит. Анимация зациклена, поэтому будет выглядеть так, как будто монстр закрывает и открывает глаза время от времени до бесконечности.
Мы назовем эту анимацию “MonsterIdle”, и каждый новый кадр будет отображаться через десятую долю секунды.
Не забудьте выбрать опцию “Цикл”, чтобы анимация повторялась.
Вы также можете редактировать изображения в пикселях или предварительно просмотреть саму анимацию, если хотите.
![{title}](/uploads/blog_img/24.png)
Когда все будет сделано, нажмите на кнопку “Применить”, чтобы сохранить изменения.
![{title}](/uploads/blog_img/25.png)
Теперь вы можете увидеть значок нашего маленького монстра на правой панели, под списком “Объекты”. Разве он не милый?
Чтобы сцена выглядела немного интереснее, мы добавим к ней цвет фона. Щелкните правой кнопкой мыши на сцене и выберите “Свойства сцены” из контекстного меню. Это откроет всплывающее окно с некоторыми опциями - нас интересует установка “Цвета фона сцены” на что-то, на чем монстр будет выглядеть стильно.
![{title}](/uploads/blog_img/26.png)
Нажмите на палитру цветов справа и выберите цвет - #560921.
![{title}](/uploads/blog_img/27.png)
После подтверждения цвет фона сцены изменится на тот, который был выбран!
Настольные и мобильные элементы управления >>>>