7. После того как вы нажали на кнопку Install, в следующем окне следует выбрать дополнительные модули. Напомню, что Unity позволяет создавать игры под самые разные платформы. Например, если в дальнейшем вы захотите сделать игру под мобильное устройство, то все что вам потребуется – это установить модули Android Build Support и iOS Build Support. На данном шаге нам потребуется установить среду разработки для работы с кодом. Для создания сценариев на Unity используется язык программирования C# и в самом верхнем списке вам предлагается установить Microsoft Visual Studio (если вы работаете на Windows) или Visual Studio for Mac (если вы работает на соответствующей операционной системе). Поставьте галочки напротив:

– Visual Studio чтобы сразу скачать и установить среду для работы с кодом (поставьте флажок напротив модуля Visual Studio),

– WebGL Build Support, что позволит нам создавать сборку проекта под браузерные игры,

– нажмите кнопку Install:

Скачивание и установка модулей и среды разработки займет некоторое время.

8. Когда скачивание завершится, произойдет автоматическая установка всех компонентов, и на этом процесс установки завершен. Если в дальнейшем вам понадобятся другие версии среды разработки Unity (например, вы найдете и захотите посмотреть готовые проекты, сделанные под более ранние версии среды разработки), – то вы всегда сможете открыть Unity Hub, перейти во вкладку Install и скачать недостающие версии Unity и модули, нажав кнопку Install Editor. Таким образом, Unity Hub является своего рода “точкой старта”, из которой происходит создание новых проектов (вкладка Projects), установка различных версий Unity (вкладка Installs) и т. д.

9. По итогу пошагового выполнения пунктов выше, у вас:

– должна быть установлена среда разработки Unity,

– среда для работы с кодом: Microsoft Visual Studio (для работы из-под Windows) или Visual Studio (для работы из-под Mac или Linux),

– создана учетная запись на сайте Unity.com. Не теряйте ее, так как эту учетную запись вы можете использовать для работы в других сервисах Unity.

Часть 2. Создание игрового прототипа

Введение

Обычно перед началом разработки следует определиться с основными требованиями, предъявляемыми к игре. Цель нашего практикума по разработке заключается в том, чтобы сделать игру и опубликовать ее на одном из онлайн-ресурсов (подробнее об этом см. Часть 7). Если говорить более обобщенно, то в списке требований, с которыми следует определиться при начале разработки, можно выделить следующие:

– платформа: WebGL (браузерная игра),

– ориентация: ландшафтная,

– длительность игровой сессии: 3–5 минут,

– система управления: легкое управление при помощи мыши и клавиатуры,

– однопользовательская игра.

В игре “Dragon Picker” центральным объектом в игре будет являться дракон, который периодически роняет драконье яйцо. Игровой процесс будет заключаться в том, чтобы ловить летящие вниз объекты. Позднее в игру могут быть добавлены различные виды объектов, одни из которых могут добавлять очки в игре или жизни, либо отнимать их. Для нас важно будет добавить один вид объектов, а разные виды других объектов вы сможете добавить самостоятельно по аналогии. В качестве основного референса можно указать игру Kaboom 1981 года, разработанную компанией Activision. При желании вы без труда найдете её браузерную версию на просторах сети Интернет:

2.1 Создание проекта и первой сцены

Последовательность создания проекта и сцены внутри среды разработки не отличается для различных операционных систем.

1. Запустите Unity Hub, который был скачан и установлен в предыдущей главе;

2. Создайте новый проект, для этого нажмите New Project в правой верхней части окна Unity Hub.

3. Выберите вид проекта All templates – 3D, в поле Project Name дайте имя проекту: DragonPicker. В поле Location укажите путь к папке с проектом. Проект может находиться в любом месте на вашем компьютере.

4. Нажмите кнопку Create project. После этого откроется среда разработки Unity. Для первого запуска проекта может потребоваться значительное время, которое зависит от производительности вашего компьютера. Вид среды разработки после старта выглядит, как и ранее при создании нашего первого проекта Hello World. Также в первой главе была показана возможность изменения темы оформления на светлую, при желании вы можете использовать светлую тему оформления среды разработки.

5. В левой нижней части среды разработки внутри панели Project находится структура проекта. Внутри папки Assets хранятся исходные файлы проекта. В данный момент там существует только папка Scenes, в которой находится главная сцена с именем SampleScene.

6. Внутри сцен могут существовать отдельные объекты и персонажи, с которыми происходят различные действия во время игры. Давайте переименуем главную сцену. Это можно сделать также, как и в большинстве операционных систем при взаимодействии с папками. Кликните по SampleScene правой кнопкой мыши, выберите в выпадающем меню Rename и напишите новое имя Scene_1. После переименования среда разработки предложит перезагрузить сцену, соглашаемся, нажатием кнопки Reload. Теперь в проекте существует сцена с названием Scene_1:

7. Внутри сцены будут происходить основные действия с созданными игровыми объектами. Позже мы добавим и другие сцены, например сцену для стартового меню.

2.2 Импорт игровых объектов и персонажей

В качестве основного источника визуальных моделей и визуального оформления для своих игр на первом этапе вы можете использовать Unity Asset Store – это магазин, в котором можно приобрести (или скачать бесплатно) различные ресурсы для Unity. Для простоты понимания мы будем называть их ассетами. В Asset Store можно найти:

– 3D модели,

– звуковые эффекты/музыку,

– элементы пользовательского интерфейса,

– шейдеры/частицы,

– наборы спрайтов,

– готовые скрип-файлы и многое другое.

Основным источником персонажей в нашей игре станет набор моделей Dragon for Boss Monster, который распространяется бесплатно. Далее будет приведена подробная последовательность действия по добавлению этого ассета с игровыми персонажами – драконами в Unity.

1. Зайдите на сайт assetstore.unity.com и войдите под своей учетной записью (своим Unity ID). Для добавления ассета используется личный кабинет пользователя с тем же Unity ID, который указывался при регистрации и входе в Unity Hub.

2. Используя строку поиска в верхней части сайта, найдите Dragon for Boss Monster:

3. Откройте найденный ассет, кликнув по нему в браузере, и нажмите кнопку “Add to My Assets”. Следом на том же месте появится кнопка Open in Unity, которая позволяет открыть пакет в среде разработки (если этого не произошло автоматически, см. пункт ниже):

4. После добавления в коллекцию ассет будет привязан к вашему Unity ID. Пакет будет доступен в менеджере пакетов Unity. Вернитесь в проект Unity, на верхней панели инструментов выберите Window – Package Manager:

5. В менеджере пакетов доступно достаточно большое количество расширений для установки в Unity. Чтобы увидеть список с пакетами, добавленными вручную, выберите отображение пакетов, добавленных вами – Package Manager – Packages – My Assets. Среди установленных пакетов найдите только что добавленный Dragon for Boss Monster и скачайте его, нажав кнопку Download:

6. После завершения скачивания, рядом с кнопкой Download появляется кнопка Import, нажмите ее. Появится новое окно со списком импортируемых файлов, еще раз нажмите Import чтобы импортировать файлы из ассета в проект Unity.

7. На данном этапе мы нашли подходящий ассет-пак в магазине unity asset store, научились импортировать пакет в проект. На следующем этапе мы добавим скачанные модели на сцену.

2.3 Добавление дракона с анимацией

Импортированный в проект ассет-пак содержит несколько видов драконов и большое количество анимаций. Все они разбиты и структурированы по папкам. Теперь наша задача заключается в том, чтобы выбрать некоторые 3D-модели, которые мы планируем использовать в проекте, и добавить на их на игровую сцену.

1. В окне Project откройте папку с префабами драконов. Путь к папке: Assets – FourEvilDragonsHP – Prefab – DragonTerrorBringer.

2. Создайте дубликат дракона Red, для этого выберите его (кликнув левой кнопкой мыши) и нажмите комбинацию клавиш Ctrl+D (или Command+D для MacOS). Автоматически будет создана префаб-копия с именем Red 1. Мы создаем копию модели, чтобы не использовать оригинальную модель из скачанного пакета. Возможно в будущем нам понадобятся оригинальные файлы из первоисточника, в этом случае правилами хорошего тона при разработке является «сохранность» исходных ресурсов.

3. Перетащите префаб дракона с именем Red 1 в папку Scenes. Для этого наведите курсор мыши на дракона Red 1 и зажав левую кнопку мыши перетащите в папку Scenes:

4. Таким образом, в папке Scenes вашего проекта теперь должно находиться два файла: сцену и префаб с драконом Red 1. Переименуйте дракона Red 1 в DragonRed, для этого кликните левой кнопкой мыши по объекту, нажмите Rename и введите подходящее имя:

5. Теперь добавим персонажа DragonRed на игровую сцену. Для этого перетащите префаб из окна Project в окно Hierarchy:

6. После этого персонаж DragonRed автоматически появится в окне Scene (в центральной части среды разработки Unity).

7. Как было указано ранее, координаты добавляемых на сцену объектов отображаются в окне Inspector (справа). Чтобы узнать координаты добавленного персонажа DragonRed, кликните по нему в окне Hierarchy, после этого в окне Inspector отобразятся его свойства. Нас интересуют параметры компонента Transform. Установите их значения: Rotation: 0, 0, 0; Position: 0, 0, 0; Scale: 1, 1, 1:

8. Теперь добавим дракону анимацию движения. Для этого нужно будет создать контроллер анимации. В окне Project, внутри папки Scenes (там, где находится префаб DragonRed) кликните правой кнопкой мыши и выберите из контекстного меню Create – Animator Controller. Дайте ему имя DragonRedController:

9. Контроллер нужен для того, чтобы строить “дерево анимации”, в котором описывается порядок, условия запуска и переключения анимации игровых объектов. Кликните дважды по созданному контроллеру DragonRedController чтобы открыть его.

10. Окно Animator выглядит пустым, так как контроллер был только что создан и в него не добавлено ни одной анимации. Давайте добавим подходящую анимацию парения дракона в воздухе, для этого найдите в скачанном Asset-паке анимацию FlyIdle. Она находится в папке Assets – FourEvilDragonHP – Animations – DragonTerrorBringer – FlyIdle:

11. Создайте дубликат анимации FlyIdle, как вы уже делали это ранее (комбинация клавиш Ctrl+D для Windows или Command+D для MacOS), переместите созданный дубликат анимации в папку Scenes, переименуйте файл анимации в FlyDragonRed.

12. Теперь перетащите FlyDragonRed в окно Animator. Автоматически будет создана связь Entry -> Fly Float, которая говорит контроллеру о том, что после запуска игры должна запускаться анимация полета:

13. Таким образом, был создал контроллер, и в него загружена стандартная анимация полета. Осталось лишь подключить контроллер к персонажу. Для этого в иерархии объектов на сцене выберите дракона и в окне Inspector найдите компонент Animator. В списке напротив поля Controller нажмите значок мишени и выберите созданный ранее контроллер DragonRedController:

14. Теперь, если запустить сцену, нажав кнопку Play (стрелка в центральной верхней части среды разработки Unity), то можно заметить, что запускается анимация парящего в воздухе дракона. Однако, игровая камера еще не была настроена, поэтому ракурс может оказаться не очень удачным. Тем не менее, переключившись в окно Scene вы сможете увидеть все объекты, присутствующие на сцене. На скриншоте ниже также показано, что окна Scene и Game находятся рядом друг с другом, чтобы расположить окна также, просто потяните за значок с очками окна Game и вы увидите, что окно может быть примагничено к любой части интерфейса. Впрочем, это касается любого окна внутри Unity: