Создание 2D-игры: 15 шагов

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:50

Устали играть в игры? Почему бы тебе не сделать игру?

В этом руководстве вы узнаете, как создать полностью простую 2D-игру …

Мы будем использовать Unity Game Engine для разработки и создания нашей 2D-игры… а также использовать Microsoft Visual Studio для программирования и создания некоторых скриптов.

Запасы

1- Игровой движок Unity

2- Microsoft Visual Studio

Шаг 1. Загрузите Unity Game Engine и Microsoft Visual Studio

Чтобы создать и запрограммировать нашу игру, нам понадобится игровой движок («Unity») и Visual Studio… Итак, давайте сначала загрузим их:

1. Используйте эту ссылку… или выполните поиск по запросу «загрузить Unity Hub»… Чтобы сначала загрузить «Unity Hub»

3- Затем используйте эту ссылку… Чтобы загрузить «Unity»

4- Выберите версию Unity, затем нажмите «Загрузить (Win)» -> «Установщик Unity».

Обязательно проверьте Unity и Microsoft Visual Studio Community 2019, как показано на втором рисунке.

Шаг 2. Создайте новый проект и импортируйте новые активы

После загрузки «Unity Hub», «Unity» и «Microsoft Visual Studio Community 2019»… НАЧАТЬ

1- Откройте «Unity»… Затем он автоматически запустит «Unity Hub»

2- Теперь нам нужно создать новый проект… Нажмите «НОВЫЙ».

3- Выберите 2D-шаблон, напишите название своего проекта и выберите подходящее место для вашего проекта.

4- Нажмите «Создать».

После нажатия на «Создать» Unity запустится…

Теперь нам нужно добавить наш персонаж, фон и объекты…

Если вам нечего добавить … вы можете перейти по этой ссылке, чтобы загрузить ресурсы, которые вам понадобятся.

А теперь мы хотим добавить Assets в Unity… Чтобы сделать это:

Просто вы можете перетащить папку и оставить ее в окне проекта в Unity.

ИЛИ

1- Перейдите в Unity и щелкните правой кнопкой мыши на «Очистить пространство» в окне «Проект», как показано на втором рисунке.

2- Выберите фон, персонаж и объекты, которые вы хотите добавить из папки.

Шаг 3: добавьте свои активы в сцену

Если вы добавите какой-либо предмет в окно сцены … он появится в окне игры.

Чтобы узнать больше о Windows Unity, перейдите по этой ссылке…

как вы видите на первом изображении, в окне «Сцена» есть белый прямоугольник, а это - поле камеры… Так что все, что находится внутри этого ящика, будет отображать камера.

Теперь давайте сначала добавим фон в окно сцены …

1- Просто перетащите фоновое изображение из окна проекта и поместите его в окно сцены.

и убедитесь, что изображение помещается в коробку камеры

вы можете редактировать любой размер изображения, выбрав инструмент «Прямоугольник» на панели инструментов, как показано на третьем рисунке.

также добавьте объекты и вашего персонажа, которых вы хотите, в сцену… как показано на последнем изображении.

Шаг 4: добавьте физику персонажу

Во-первых, чтобы протестировать игру или поиграть в нее, нажмите кнопку «Играть» на панели инструментов…

Если вы сейчас поиграете в свою игру … персонаж не движется, нет гравитации … все статично …

чтобы добавить к нашему персонажу все физические свойства … мы используем свойство Rigidbody2D. Это свойство позволяет вам редактировать силу тяжести, вес, массу и другие параметры …

Итак, давайте добавим это нашему персонажу …

1- Выберите своего персонажа из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Поиск Rigidbody2D

4- Выберите это.

Если вы играете сейчас…. Наш персонаж падает из-за силы тяжести: D

Шаг 5: Добавьте столкновения нашему персонажу

Теперь нам нужно добавить свойство Collider2D, чтобы персонаж мог сталкиваться с землей и другими объектами …

Чтобы сделать это … Сначала нам нужно добавить это свойство нашему персонажу и любому другому объекту, который должен с ним столкнуться.

Сначала добавим его в Персонаж …

1- Выберите своего персонажа из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Поиск BoxCollider2D

4- Выберите это.

5- Щелкните поле «Редактировать коллайдер» в BoxCollider2D, которое появляется в инспекторе, чтобы иметь возможность изменить размер зеленого поля, которое появляется в сцене.

6- Перетащите одну из зеленых точек, которые появляются в зеленом поле, чтобы она соответствовала персонажу.

Во-вторых, давайте добавим его к земле (выполните те же действия)…

1- Выберите своего персонажа из иерархии 2- Перейдите в окно инспектора и нажмите «Добавить компонент»

3- Поиск BoxCollider2D

4- Выберите это.

5- Щелкните поле «Редактировать коллайдер» в BoxCollider2D, которое появляется в инспекторе, чтобы иметь возможность изменить размер зеленого поля, которое появляется в сцене.

6- Перетащите одну из зеленых точек, которые появляются в зеленом поле, чтобы она соответствовала персонажу.

Теперь, если вы сыграете в игру, вы увидите, что персонаж стоит на земле:>

Шаг 6: двигайте нашего персонажа

Чтобы заставить нашего персонажа выполнить какую-либо задачу, нам нужно сначала добавить ему сценарий, который говорит ему, что делать …

Unity использует язык C # … Если вы хотите узнать о нем больше, вы можете посетить эту ссылку

Итак, давайте создадим скрипт

1- Выберите своего персонажа из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Напишите название сценария (например, движение)…

4- Нажмите «Новый сценарий».

5- Нажмите «Создать и добавить».

Теперь дважды нажмите на него, чтобы отредактировать скрипт.

6- Удалить все коды, которые записываются автоматически

7- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName)

8. Если вы хотите знать, как это кодировать… Посетите эту ссылку

9- Сохраните сценарий и перейдите к инспектору персонажа, посмотрите на свой сценарий.

10- Выберите правую и левую кнопки и установите скорость.

Теперь, если вы играете в игру, персонаж будет двигаться…: D

Шаг 7: заставьте нашего персонажа прыгнуть

После добавления движения нашего персонажа … теперь мы готовы делать прыжки нашего персонажа …

Так что нам также нужно создать новый скрипт, который заставляет нашего персонажа прыгать…

1- Выберите своего персонажа из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Напишите название сценария (например, «Прыжки»)…

4- Нажмите «Новый скрипт».

5- Нажмите «Создать и добавить».

Перед редактированием сценария прыжка … Давайте сначала добавим слой к земле, чтобы Unity знала, что этот объект является землей …

1- Выберите почву из иерархии

2- Нажмите «По умолчанию» на «Слое» вверху инспектора.

3- Выберите «Добавить слой».

4- Назовите слой 8 «Земля» (как показано на втором рисунке).

5- Выберите основание из иерархии снова

6- Нажмите «По умолчанию» на «Слое» вверху инспектора.

7- Выберите «Земля»

Вот и все … Наконец, мы создаем новый слой, который называется «Земля», и добавляем его к нашей Земле.

Прежде чем заставить нашего персонажа прыгать, мы должны убедиться, что он касается земли, а затем прыгает.

Итак, давайте создадим GroundCheck для нашего персонажа …

1- Щелкните правой кнопкой мыши по вашему персонажу из иерархии

2- Выберите «Создать пустой» и переименуйте его в «GroundCheck».

3- Выберите «Инструмент перемещения» на панели инструментов и переместите «Проверку грунта» вниз к базе персонажа или обуви (как показано на пятом рисунке).

После этого мы готовы редактировать наш сценарий прыжков.

1- Откройте свой сценарий прыжков (из проекта или инспектора)

2- Удалить все коды, которые записываются автоматически

3- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName)

если вы хотите узнать, как мы это кодируем… Посетите эту ссылку

4- Сохраните сценарий и перейдите к инспектору персонажа, посмотрите на свой сценарий (как показано на шестом изображении).

5. Установите силу прыжка, добавьте «GroundCheck» в контрольную точку на земле (перетащив его на прямоугольную рамку), установите радиус земли (например, 0.1), выберите слой «Земля» и, наконец, выберите кнопку прыжка.

Если вы сейчас поиграете в Игру…. Он ходит и прыгает… Урааааай:)

Шаг 8: Анимируйте персонажа

После того, как наш персонаж будет двигаться и прыгать … давайте оживим его … Это заставит его выглядеть очень круто …

сначала вам понадобится спрайтовое изображение холостого хода, ходьбы и прыжков (как показано с первого по четвертое изображения)

Чтобы анимировать персонажа, вам нужно работать с окном анимации и окном аниматора и по умолчанию с интерфейсом Unity, которые вы не отображаете. Эти окна… чтобы получить их:

1- Нажмите Ctrl + 6, чтобы открыть окно анимации.

2- Выберите «Окно» в верхнем левом раскрывающемся списке (как показано на пятом рисунке).

Затем выберите «Анимация» -> «Аниматор», после чего откроются два окна (окно анимации и окно аниматора).

Теперь давайте начнем анимировать персонажа, когда он простаивает …

1- Выберите своего персонажа из иерархии

2- Нажмите кнопку «Создать» в окнах анимации.

3- Выберите подходящее место для сохранения в нем анимации

4- Затем выберите все неактивные фотографии из проекта и перетащите их в окно анимации (как показано на шестом изображении).

Если вы сейчас играете в The Character is Idling Wow… Очень круто…

Теперь давайте заставим его воспроизводить анимацию ходьбы, когда он идет …

1- Перейдите в окно анимации и нажмите «Новая анимация».

2- Выберите «Создать новый клип».

3- Выберите подходящее место для сохранения в нем анимации

4- Затем выберите все пешеходные фотографии из проекта и перетащите их в окно анимации.

Теперь откройте окно аниматора.

1- Щелкните правой кнопкой мыши на поле ожидания, выберите «Сделать переход» и щелкните на поле перехода (как показано на седьмом рисунке).

Примечание. Не должно быть одинакового имени окна анимации, это зависит от того, как вы его назвали …

2- Щелкните правой кнопкой мыши на Walk Box, выберите «Сделать переход» и нажмите на Idle Box.

3- В параметрах нажмите значок плюса (+) и выберите Bool (назовите его, например, Walk)

4- Выберите стрелки, которые переходят от анимации ожидания к анимации ходьбы, перейдите в itInspector и установите для параметра «Время выхода» значение «Ложь», «Фиксированная длительность» - значение «Ложь», установите «Продолжительность перехода» на ноль и нажмите «Плюс» (+). Они существуют внутри Condition и установите для параметра «Прогулка» значение «Истина» (как показано на восьмом рисунке)…

5- Выберите стрелки, которые перемещаются от анимации ходьбы к холостому ходу, перейдите к инспектору и установите для параметра «Время выхода» значение «Ложь», «Фиксированная длительность» - значение «Ложь», установите «Продолжительность перехода» на ноль и нажмите «Плюс» (+), который существуют внутри условия и установите для параметра "Прогулка" значение "Ложь".

6- Выберите своего персонажа из иерархии

7- Перейдите в окно инспектора и нажмите «Добавить компонент».

8- Напишите имя сценария (например, AnimateWalk)…

9- Нажмите «Новый сценарий».

10- Нажмите «Создать и добавить».

11- Удалить все коды, которые записываются автоматически

12- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName, имя сценария движения вместо #YourMotionScriptName, а также имя сценария прыжка вместо #YourJumpingScriptName и напишите Ваше имя Bool вместо "Walk", которое вы создали в параметрах в Animator)

13- Сохраните сценарий и перейдите к инспектору персонажа, посмотрите на свой сценарий

14- Перетащите своего персонажа и поместите его в «Вставить свой сценарий движения» и «Вставить свой сценарий прыжка».

Если вы сейчас играете в игру, игрок бездействует и выигрывает, он перемещает игру Run Animation… Круто:>

Теперь давайте заставим его воспроизводить анимацию прыжка, когда он прыгает …

1- Перейдите в окно анимации и нажмите «Новая анимация».

2- Выберите «Создать новый клип».

3- Выберите подходящее место для сохранения в нем анимации

4- Затем выберите все прыгающие фотографии из проекта и перетащите их в окно анимации.

Теперь откройте окно аниматора.

1- Щелкните правой кнопкой мыши на поле ожидания, выберите «Сделать переход» и щелкните на поле прыжка (как показано на девятом рисунке).

2- Щелкните правой кнопкой мыши на поле перехода, выберите «Сделать переход» и щелкните на поле «Выполнить».

3- В параметрах нажмите на значок плюса (+) и выберите Bool (назовите его, например, Jump)

4- Выберите стрелки, которые перемещаются от холостого хода к анимации прыжка, перейдите к инспектору и установите для параметра «Время выхода» значение «Ложь», «Фиксированная длительность» - значение «Ложь», установите «Продолжительность перехода» на ноль и нажмите на значок плюса (+), который существуют внутри Condition и установите для параметра "Jump" значение "True" (как показано на десятом рисунке) …

5- Выберите стрелки, которые перемещаются от анимации «Перейти к запуску», перейдите к инспектору и установите для параметра «Время выхода» значение «Ложь», «Фиксированная длительность» - значение «Ложь», установите «Продолжительность перехода» на ноль и нажмите «Плюс» (+), который существуют внутри Condition и установите для параметра "Jump" значение "False"

6- Дважды нажмите на поле анимации прыжка в аниматоре и установите для параметра «Время цикла» значение «Ложь».

7- Выберите своего персонажа из иерархии

8- Перейдите в окно инспектора и нажмите «Добавить компонент».

9- Напишите имя скрипта (например, AnimateJump)…

10- Нажмите «Новый сценарий».

11- Нажмите «Создать и добавить».

12- Удалить все коды, которые записываются автоматически

13- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName, а также имя сценария прыжка вместо #YourJumpingScriptName и напишите свое имя Bool вместо «Walk» That вы создали в Параметрах в Аниматоре)

14- Сохраните сценарий и перейдите к инспектору персонажа, посмотрите на свой сценарий.

15- Перетащите своего персонажа и поместите его в «Вставить сценарий прыжка».

Если вы сейчас начнете играть в свою игру, игрок будет бездельничать… ходить… и прыгать… хоооооо!: D

но его нужно перевернуть

Шаг 9: изменение вашего персонажа

Для начала вам нужно добавить новый сценарий к нашему персонажу:

1- Выберите своего персонажа из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Напишите название скрипта (например, Flip)…

4- Нажмите «Новый сценарий».

5- Нажмите «Создать и добавить».

6- Удалить все коды, которые записываются автоматически

7- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName, а также имя сценария движения вместо #YourMotionScriptName)

8- Сохраните сценарий и перейдите к инспектору персонажа, посмотрите на свой сценарий.

9- Перетащите своего персонажа и поместите его в «Вставить свой сценарий движения».

10-Скопируйте масштаб X вашего персонажа из (Преобразовать) в верхней части инспектора и вставьте его в Scale_X в свой сценарий (как показано на втором и третьем изображениях).

11- Скопируйте масштаб Y вашего персонажа из (Transform) в верхней части инспектора и вставьте его в Scale_Y.

Шаг 10: камера следит за нашим персонажем

На этот раз вам нужно добавить в нашу камеру новый скрипт:

1- Выберите камеру из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Напишите имя скрипта (например CameraFollow)…

4- Нажмите «Новый скрипт».

5- Нажмите «Создать и добавить».

6- Удалить все коды, которые записываются автоматически

7- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName)

8- Сохраните сценарий и перейдите к Инспектору камеры, посмотрите на свой сценарий 8- Перетащите своего персонажа и поместите его в «Мишень».

Вы можете изменить другие настройки, если хотите…

чтобы поставить край камеры, используйте смещение X и Y

Шаг 11: Добавьте второго игрока (2 игрока) и камеру, отслеживающую 2 игроков

Чтобы сделать вашу Игру более интересной…. Вы можете сделать это 2, 3, 4, 10, 20…. Игроки … любое количество игроков, которое вы хотите … для этого:

1- Выберите своего персонажа из иерархии

2- Дублируйте его (нажмите Ctrl + D)

теперь вы добавили еще одного персонажа

3- Переместите его с помощью инструмента «Перемещение» и перетащите, поместив в подходящее место.

4- Теперь нам нужно изменить настройки управления, поэтому перейдите в его инспектор, измените правую и левую кнопку скрипта движения.

5- Также измените кнопку перехода…

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

1- Выберите камеру в иерархии 2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Напишите имя сценария (например, CameraFollowMultipleTarget)…

4- Нажмите «Новый скрипт».

5- Нажмите «Создать и добавить».

6- Удалить все коды, которые записываются автоматически

7- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName)

8- Сохраните сценарий и перейдите к инспектору камеры, посмотрите на свой сценарий.

9- Установите «Цель» 2

10- Перетащите двух ваших игроков внутрь этой цели.

Убедитесь, что смещение камеры по оси Z (-20)

Вы можете изменить или установить другую настройку … если вы хотите сделать край камеры. Отредактируйте смещение X и Y

Шаг 12: Добавление очков и мертвых точек

Есть много отличных идей, которые вы можете реализовать в своей игре, но самая простая идея - создать простую область очков, если один из персонажей достигнет ее первым, он выиграет, и есть мертвая зона, если игрок коснется ее, он снова появится. Точка возрождения сейчас…

Давайте сначала сделаем счетную область:

1- Но земля и объект оценки (как показано на первом рисунке)

не забудьте добавить к нему Box Collider2D

Теперь нам нужно добавить на площадку для зачета скрипт.

1- Выберите свою площадку для подсчета очков из иерархии

2- Перейдите в окно инспектора и нажмите «Добавить компонент».

3- Напишите название скрипта (например ScoreGround)…

3- Нажмите «Новый сценарий» 4- Нажмите «Создать и добавить»

5- Удалить все коды, которые записываются автоматически

6- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName и переименовать имя 2 игроков вместо «YourPlayer1Name» и «YourPlayer2Name»)

7- Сохраните сценарий и перейдите к инспектору камеры, посмотрите на свой сценарий.

Теперь нам нужно создать текст и кнопку перезапуска

Чтобы создать текст

1- Нажмите на плюс (+) в иерархии

2- Выберите «UI» -> «Текст».

3- Переименуйте текст в инспекторе и измените его цвет….

4- создайте 2 текста, один для Первого Игрока (например, «Игрок 1 побеждает»), а другой - для Игрока 2.

Теперь нам нужно создать кнопку перезапуска.

Чтобы создать кнопку: 1 - Щелкните значок плюса (+) в иерархии.

2- Выберите «Пользовательский интерфейс» -> «Кнопка».

3- Переименуйте кнопку в инспекторе и отредактируйте ее цвет….

создать только одну кнопку

Теперь, после создания текстов и кнопок, нам нужно добавить их в Scoring Ground Inspector для этого:

1- Выберите место для подсчета очков в иерархии 2- Перейдите в окно инспектора

3- Посмотрите на скрипт, который вы добавили

4- Перетащите тексты в «Win Text Of Player 1» и «Win Text Of Player 2».

5- Перетащите кнопку и поместите ее на «кнопку перезапуска».

если вы играете сейчас, все работает, кроме кнопки перезагрузки

Чтобы это работало

1- Выберите файл из раскрывающихся инструментов в верхнем левом углу Unity …

2- Выберите «Настройки сборки»

3- Перетащите вашу сцену из папки Scene, которая находится в окне проекта, и поместите ее в «Scene in Builds».

теперь давайте добавим новый скрипт к кнопке

4- Выберите кнопку из иерархии

5- Перейдите в окно инспектора и нажмите «Добавить компонент».

6- Напишите имя скрипта (например, SceneLoader)…

7- Нажмите «Новый сценарий».

8- Нажмите «Создать и добавить».

9- Удалить все коды, которые записываются автоматически

10- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName)

11- Сохраните сценарий, вернитесь в Unity

12- Выберите кнопку из иерархии

13- Зайдите в инспектор, нажмите «Плюс» (+) в «Нажать».

14- перетащите боттун в прямоугольную коробку

15- Нажмите «Нет функции». Выберите «SceneLoader» -> «Загрузить сцену».

16- записать ноль… 0

теперь, если вы играете, это работает….. Ура: D

Давайте добавим мертвую зону, чтобы сделать это:

1- Нажмите «Плюс» (+) в иерархии.

2-Выберите «Создать пустой» и перейдите в его инспектор.

3- Добавить BoxCollider 2d….

4- Переместите его вниз, чтобы, когда игрок упал, он столкнулся с ним.

Теперь добавьте новый сценарий к этому игровому объекту и назовите его, например, DeadZone.

5- Загрузите текст, скопируйте его и вставьте в свой сценарий (не забудьте написать имя сценария вместо #yourScriptName & и напишите имена своих персонажей вместо «yourPlayer1 Name», «YourPlayer2 Name»)

Теперь сохраните и вернитесь к единству

Нам нужно добавить пустой игровой объект, который указывает, где наш игрок будет повторно появляться.

1- Нажмите «Плюс» (+) в иерархии.

2- Выберите «Создать пустой».

3- Переместите позицию в ту же позицию, в которой вам нужно, чтобы игроки возродились.

4- посмотрите сценарий DeadZone в инспекторе и добавьте к нему точку появления (созданный вами игровой объект).

Если вы сыграете сейчас, вы будете впечатлены: -O

Шаг 13: остановка вращения

когда вы играете в игру, возникает ошибка, когда персонаж вращается…

Если вас раздражает эта ошибка … вы можете легко ее исправить:

1- Просто выберите персонажа из иерархии

2- Посмотрите на Rigidbody2D из инспектора

3- Откройте «Ограничения» и установите для «Freeze Rotation» значение True.

Вот и все;)

Шаг 14: Создание главного меню вашей игры

Вот как создать главное меню

Шаг 15: публикация и совместное использование

Наконец, чтобы загрузить свою игру, посмотрите это видео

Надеюсь, вам понравится … Учиться … Получать удовольствие:)

Любые вопросы задайте мне: