Games

Демоверсия "Счастливый урожай": Ознакомьтесь с новейшими 2D-технологиями

SHANTI ZACHARIAH / UNITY TECHNOLOGIESSenior content marketing manager
Jul 5, 2023|13 Мин
Демоверсия "Счастливый урожай": Ознакомьтесь с новейшими 2D-технологиями
Эта веб-страница была переведена с помощью машинного перевода для вашего удобства. Мы не можем гарантировать точность или надежность переведенного контента. Если у вас есть вопросы о точности переведенного контента, обращайтесь к официальной английской версии веб-страницы.

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

В сборнике Happy Harvest, который теперь доступен в Unity Asset Store и Unity Samples, разработчики узнают, как использовать новейшие возможности для создания 2D-света, теней и спецэффектов с помощью Universal Render Pipeline (URP) в Unity 2022 LTS. В нем собраны лучшие практики, которые может использовать любой создатель 2D-графики, включая отказ от запекания теней в спрайтах, сохранение плоских спрайтов, перемещение информации о тенях и объемах во вторичные текстуры, расширенные возможности Tilemap и многое другое.

Вид сверху вниз на трудолюбивого фермера
Главный герой со своими свиньями в фильме "Счастливый урожай
Главный герой со своими свиньями в фильме "Счастливый урожай

Happy Harvest - это демо-версия с видом сверху вниз и веселыми мультяшными иллюстрациями. В ней вы увидите один день из жизни трудолюбивого фермера. Выйдя из своего фермерского дома, он направляется по мощеным дорожкам, освещенным фонарями. Он ухаживает за посевами пшеницы, моркови и кукурузы, собирает яблоки, кормит свиней и коров. Его усадьба усеяна прудами, на заднем дворе стоит амбар, и все это окружено зеленеющими соснами.

Перспектива сверху вниз сопряжена с такими проблемами, как проецирование персонажа, управление перекрывающимися объектами и создание теней в воображаемой манере. Для их устранения были использованы функции, включенные в Unity 2022 LTS для теней, библиотек спрайтов и Tilemap 2D.

Все эти активы можно свободно использовать в личных или коммерческих проектах, а также модифицировать демо-версию в соответствии со своими собственными идеями. Загрузите его сегодня, чтобы начать изучать эту буколическую сцену и ее многочисленные детали.

Изучите техники, используемые в демонстрационном ролике
 Скрипт интерполятора, используемый для управления циклом "день-ночь".
Скрипт интерполятора, используемый для управления циклом "день-ночь".

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

В демоверсии доступны следующие страницы:

Вы можете найти эти статьи в описании на странице Unity Asset Store и в окне учебника в редакторе в демо-версии. Кроме того, вы можете просмотреть каждый сценарий в Unity Samples, чтобы лучше понять рекомендуемые рекомендации и структуру кодирования для 2D-игр.

Давайте вкратце рассмотрим, что вы узнаете на каждой странице.

Создайте иллюзию глубины, тени и цикл "день-ночь".
Как создаются различные типы активов и их карты нормалей и масок, слева направо: Скелетный анимированный персонаж, плиточный спрайт и реквизит
Как создаются различные типы активов и их карты нормалей и масок, слева направо: Скелетный анимированный персонаж, плиточный спрайт и реквизит

В "Счастливом урожае" множество милых деталей: поля созревшей кукурузы и золотистой пшеницы, плавно покачивающиеся фонари и фермерский дом с красными крышами. Но именно освещение и тени - самая захватывающая часть этого уютного мира, в котором есть и свечение, и тени позднего вечера.

Перенося информацию о свете и тенях в отдельные текстуры (что требует некоторых дополнительных действий в процессе создания искусства), вы можете создавать оптимизированные 2D-свет и тени в реальном времени.

Прочитайте статью "Техника 2D-света и тени с помощью Universal Render Pipeline", чтобы узнать, как это сделать:

  • Создавайте и работайте с картами нормалей и картами масок (вторичные текстуры), чтобы добавить богатые детали, такие как освещение ободка главного героя, бочек, фонарных столбов и других реквизитов.
  • Используйте рассеянное и точечное освещение для создания настроения с помощью тонировки и эффектов, имитирующих движение солнца в течение дня.
  • Создайте иллюзию объема, как в эффектах, используемых в кустах, включив карты нормалей для освещения.
  • Создавайте тени любой формы и в любое время суток, используя сгустки теней и бесконечные тени с помощью Shadow Caster.
  • Управляйте движением времени и сменой освещения с помощью сценария "день-ночь".
  • Оптимизируйте освещение в 2D с помощью советов от команды Unity.
Создание окружений для больших ландшафтов с помощью 2D-тайлмапов
Как только вы установите плитки с правилами, рисовать непрерывные дорожки станет проще и эффективнее.
Как только вы установите плитки с правилами, рисовать непрерывные дорожки станет проще и эффективнее.

Что общего между мощеными дорожками, прудами, травой и лесом на заднем плане? Все они были созданы с помощью системы Tilemap в Unity, которая позволяет создавать игровой мир с помощью плиток - небольших спрайтов, расположенных на сетке. Вместо того чтобы создавать уровень как одно большое изображение, вы можете разделить его на части, похожие на кирпичи, которые повторяются на протяжении всего уровня.

Плиточные карты помогут сэкономить время на создание артов, а также память и процессор. Это связано с тем, что плитки могут быть отображены специальным рендерером, а плитки, которые не видны на экране, могут быть отключены. Инструмент "кисть" позволяет эффективно рисовать плитки на сетке, и его можно заскриптовать, чтобы использовать правила рисования. Они также оснащены функцией автоматического создания коллизий для более эффективного тестирования и редактирования. Кроме того, вы можете размещать GameObjects или использовать API для игровой логики.

Советы по использованию системы Tilemap вы найдете в статье "Создание искусства и геймплея с помощью 2D Tilemap в Unity", в том числе о том, как:

  • Используйте вторичные текстуры для тайлмапов: Каждый тайлмап в образце имеет аналоги, называемые текстурами карты нормалей и карты масок, которые имеют одинаковые размеры и расположение, но нарисованы для отображения освещения.
  • Используйте функцию Rule Tile, которая входит в пакет 2D Tilemap Extras. Этот пакет содержит многократно используемые скрипты 2D и Tilemap Editor, которые вы можете использовать в своих собственных проектах, а также в качестве основы для создания пользовательских кистей и плиток.
  • Организуйте плитки в иерархии проекта:
  • В примере все плитки содержатся в одном GameObjects под названием Grid.
  • Мы создали как можно меньше тайлмапов внутри сетки, чтобы избежать перекрытия пикселей и снизить перерисовку.
  • Используйте API Tilemap в соответствии с тем, как он использовался в примере.
Узнайте о риггинге персонажей, скелетной анимации и смене спрайтов
Риггинг лица позволяет полностью контролировать выражения, включая создание полутрехмерного эффекта в некоторых анимациях.
Риггинг лица позволяет полностью контролировать выражения, включая создание полутрехмерного эффекта в некоторых анимациях.

Фермер в Happy Harvest с закатанными рукавами и прической помпадур готов к работе. Чтобы заставить его двигаться по сцене, мы использовали такие приемы, как риггинг лица для создания различных выражений, библиотеки спрайтов для вариаций персонажей и Sprite Swap для переключения между спрайтами, прикрепленными к одной и той же кости, во время процесса анимации.

В статье "2D-персонажи и анимация в Happy Harvest" мы разбираем эти и другие приемы, используемые для создания анимации. Вы получите советы о том, как:

  • Рисуйте и анимируйте персонажей под разными углами, чтобы использовать перспективу сверху вниз. В Happy Harvest красивые визуальные эффекты достигаются с помощью четырех направлений.
  • Работайте со скелетной анимацией в Unity с помощью пакетов 2D Animation и PSD Importer. Они позволяют импортировать рисунки персонажей прямо из Photoshop в Unity, импортируя все слои персонажа как спрайты и размещая их точно так же, как они были нарисованы в приложении.
  • Создайте персонажа в редакторе спрайтов.
  • Подключите спрайты к костям, геометрии и весам.
  • Используйте редактор библиотеки спрайтов и Sprite Swap для управления другими типами анимации, кроме тех, которые можно получить с помощью вращения костей. Это касается и мимики, когда персонаж меняет направление движения.
  • Используйте инструмент 2D Inverse Kinematics (2D IK), который входит в состав пакета 2D Animation. Он вычисляет повороты и позволяет цепочке костей перемещать их в заданные позиции.
Дождь, уютный костер, дым и колыхание листьев
Использование VFX Graph для 2D для порождения частиц дождя
Использование VFX Graph для 2D для порождения частиц дождя

Фермерские посевы нуждаются как в солнечном свете, так и в дожде. К счастью, вечер приносит осадки, и наш трудолюбивый фермер может удалиться в свой маленький дом с уютным огнем в очаге.

В Unity существуют различные варианты создания подобных 2D визуальных эффектов. Вы можете анимировать взрыв покадрово или порождать частицы и облачные спрайты. Используйте встроенную систему частиц для спавна частиц на CPU. Кроме того, вы можете задействовать GPU и использовать VFX Graph и Shader Graph для порождения миллионов частиц или применения эффектов постобработки с помощью URP Volumes.

В статье "2D-спецэффекты с помощью VFX Graph и Shader Graph" вы узнаете о различных техниках, использованных для создания спецэффектов в Happy Harvest, включая:

  • Простые эффекты частиц, созданные с помощью встроенной системы частиц, например, падающие листья с кустов или отпечатки ног фермера.
  • С помощью встроенной системы частиц создайте мотыльков вокруг ламп в ночное время или брызги воды от дождя, порожденные графикой VFX.
  • Обычные эффекты, такие как шейдер, примененный к плитке воды, чтобы заставить волны двигаться, огонь в камине и дым из трубы.
  • Погодные эффекты, такие как дождь и гром, сделаны в VFX Graph - частицы дождя используют шейдер 2D Lit, поэтому они хорошо сочетаются с окружающей средой и реагируют на свет.
  • Шейдеры для перемещения деревьев и другой растительности, чтобы имитировать легкий ветерок
  • Эффекты постобработки оттенков и расцветок применяются ко всей сцене, чтобы создать теплое, радостное настроение

Узнайте больше о создании визуальных эффектов из нашей электронной книги Окончательное руководство по созданию передовых визуальных эффектов в Unity. Электронная книга дает полное представление о том, как использовать инструменты создания визуальных эффектов в Unity для создания продвинутых эффектов, включая воду и жидкость, дым, огонь, взрывы, погоду, воздействие, магию, электричество и многое другое.

Загружайте, играйте и изучайте лучшие практики

Happy Harvest - это игровая площадка для 2D-творцов, которые хотят освоить новые визуальные техники в Unity. Развивайте этот пример, используйте его элементы и скрипты в своих собственных проектах и тестируйте его на мобильных и настольных устройствах. Этот образец и его вспомогательное содержание призваны дать полезные советы всем, от новичков до опытных 2D-разработчиков. Счастливого сбора урожая!

Представительское изображение для электронной книги Unity, "2D игровое искусство, анимация и освещение для художника".

Если вы еще не сделали этого, обязательно скачайте эти продвинутые электронные книги, в которых рассказывается о разработке 2D-игр, а также о рендеринге и визуальных эффектах (3D и 2D) в Unity:

Кроме того, посмотрите другие наши 2D-демонстрации, Затерянный склеп и Dragon Crashers.

В хабе Unity вы найдете множество других ресурсов для опытных программистов, художников, технических художников и дизайнеров.

Есть отзывы? Пожалуйста, поделитесь своими мыслями о демо-версии на специальном форуме.