Мы хотим создать процессуальную систему камеры третьего лица, чтобы следовать и перемещаться по нашему персонажу. У нас уже есть готовый пакет под названием Cinemachine, который можно бесплатно скачать в Asset Store Unity. Таким образом, поиск, загрузка и импортируйте Cinemachine в свой проект.

07. Добавить камеру Freelook

 Конвейер импорта объектов Unity: «class =» расширяемый lazy-image lazy-image-loading lazyload optional-image «onerror =» this.parentNode.replaceChild (window. missingImage (), this) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "src =" https://cdn.mos.cms.futurecdn.net /u5w2k2F9tXcFUtxz9jcDrD-320-80.jpg "data-data-original-mos =" https://cdn.mos.cms.futurecdn.net/u5w2k2F9tXcFUtxz9jcDrD.jpg "data-pin-media =" https: //cdn.mos . </p><figcaption>
<div class=

Создайте камеру Freelook и перейдите в преобразование Follow и Transform [click the icon in the top right of the image to enlarge]

На верхней панели инструментов перейдите к Cinemachine> Create FreeLook Camera. В иерархии теперь у нас есть значок камеры на главной камере, в котором указано, что Cinemachine находится под контролем, и у нас есть GameObject CM FreeLook 1, который имеет большой компонент на нем в инспекторе. W e нужно передать в преобразовании Follow и преобразовании Look At. Перетащите Adam GameObject из иерархии в эти два слота.

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

08. Измените установку

 Конвейер импорта объектов Unity: «class =» расширяемый lazy-image lazy-image-loading lazyload optional-image «onerror =» this.parentNode.replaceChild (window.missingImage (), это) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "src =" https://cdn.mos.cms.futurecdn.net/ «Data-data-original-mos =» https://cdn.mos.cms.futurecdn.net/DcANV4ztHQoXJkvnBSg8rD.jpg «data-pin-media =" https: //cdn.mos. cms.futurecdn.net/DcANV4ztHQoXJkvnBSg8rD.jpg"/></p><figcaption>
<div class=

Вы можете изменить фокус камеры, настроив индивидуальный Look Ats для каждой установки [click the icon in the top right of the image to enlarge]

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

В этом компоненте есть три буровых установки — Top, Средний и Нижний — показаны тремя кругами вокруг нашего персонажа на сцене. Поскольку корень нашей цели находится на своей базе, все камеры будут сосредоточены на своих ногах.

На верхней буровой установке наш взгляд на трансформацию хочет быть установленным для Адама, средней буровой установки для Bip01 и установки Bottom для Bip01 Spine.

. Мы можем видеть переход между этими различными установками либо путем входа в режим воспроизведения, либо путем изменения значения оси Y в секции управления осью камеры FreeLook.

09. Импорт пост-обработки

 Конвейер импорта объектов Unity: «class =» расширяемый lazy-image lazy-image-loading lazyload optional-image «onerror =» this.parentNode.replaceChild (window. missingImage (), this) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "src =" https://cdn.mos.cms.futurecdn.net /puoHSNAwFwiyuCMZ3E5HsD-320-80.jpg "data-data-original-mos =" https://cdn.mos.cms.futurecdn.net/puoHSNAwFwiyuCMZ3E5HsD.jpg "data-pin-media =" https: //cdn.mos .cms.futurecdn.net / puoHSNAwFwiyuCMZ3E5HsD.jpg "/> </p><figcaption>
<div class=

Вам нужно будет добавить пакет PostProcessing к Unity [click the icon in the top right of the image to enlarge]

Затем мы добавим пост-обработку в наш проект. Мы можем загрузить пакет PostProcessing из хранилища активов через ваш браузер или через окна «Asset Store» в редакторе и выполнить поиск «Post Processing Stack». На верхней панели инструментов перейдите в «Активы»> «Импортировать новый пакет» возраст> Пользовательский пакет. Затем найдите пакет PostProcessing и нажмите «Открыть».

 Конвейер импорта объектов Unity: «class =» расширяемый lazy-image lazy-image-loading lazyload optional-image «onerror =» this.parentNode .replaceChild (window.missingImage (), this) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "src =" https: //cdn.mos. cms.futurecdn.net/jmhjQdnYreBGAuzScakorD-320-80.jpg "data-data-original-mos =" https://cdn.mos.cms.futurecdn.net/jmhjQdnYreBGAuzScakorD.jpg "data-pin-media =" https: //cdn.mos.cms.futurecdn.net/jmhjQdnYreBGAuzScakorD.jpg"/></p><figcaption>
<div class=

Добавьте слой после обработки на главную камеру и настройте объемный слой смешивания [click the icon in the top right of the image to enlarge]

На нашей основной камере мы хотим добавить новый компонент, а этот компонент — слой после процесса (добавить компонент> рендеринг> уровень постпроцесса). для нас, поэтому единственное, что нам нужно будет сделать создает новый слой. На верхней панели инструментов перейдите в меню «Редактирование»> «Настройки проекта»> «Метки и слои». Затем щелкните стрелку, чтобы открыть все слои в нашем проекте, и добавьте новый пользовательский слой, называемый Post Processing. Теперь мы можем вернуться к нашей основной камере и настроить уровень смешивания тома на компоненте Post Process Layer.

. Пока мы находимся на нашей главной камере, мы хотим добавить к нашему мнению сглаживание. Давайте изменим режим сглаживания на FXAA (быстрое приближенное сглаживание).

10. Настроить постпроцессный том

 Конвейер импорта объектов Unity: «class =» расширяемый lazy-image lazy-image-loading lazyload optional-image «onerror =» this.parentNode.replaceChild ( window.missingImage (), this) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "src =" https: //cdn.mos.cms.futurecdn .net / PufUEAUhZu7MH8QEv6fKmD-320-80.jpg "data-data-original-mos =" https://cdn.mos.cms.futurecdn.net/PufUEAUhZu7MH8QEv6fKmD.jpg "data-pin-media =" https: // cdn .mos.cms.futurecdn.net / PufUEAUhZu7MH8QEv6fKmD.jpg "/> </p><figcaption>
<div class=

Используйте настройку Is Global, чтобы гарантировать, что все эффекты будут применены к камере [click the icon in the top right of the image to enlarge]

На верхней панели инструментов перейдите в GameObject> Create Empty. Выберите этот GameObject и переименуйте его «PP Volume». Давайте установим слой этого GameObject на ранее установленный уровень, Post Processing Затем добавим Volume Post Process, выполнив переход на A dd Component> Rendering> Post Process Volume. На этом новом компоненте мы хотим отметить флажок «Является глобальным». Это гарантирует, что эффекты будут применены к камере.

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

11. Применить post-effects

 Конвейер импорта объектов Unity: «class =» расширяемый lazy-image lazy-image-loading lazyload optional-image «onerror =» this.parentNode.replaceChild (window. missingImage (), this) "data-normal =" https://vanilla.futurecdn.net/creativebloq/media/img/missing-image.svg "src =" https://cdn.mos.cms.futurecdn.net /rM4qrukGzRk8TZWazVyPxD-320-80.jpg "data-data-original-mos =" https://cdn.mos.cms.futurecdn.net/rM4qrukGzRk8TZWazVyPxD.jpg "data-pin-media =" https: //cdn.mos . [click the icon in the top right of the image to enlarge] </p>
</p></div>
</figcaption></figure>
</figure>
<div class=

[1945]

Давайте поработаем через эффекты пост-обработки. Первый эффект, который мы добавим, — это автоэкспозиция. В этом эффекте, если мы хотим изменить значение, сначала отметьте поле слева от переменной, а затем оно станет редактируется. Мы собираемся сделать это для следующих вариантов: Minimum (EV) установите значение -0.35, Maximum (EV) — установите значение 1, а Key Value -. установить до 1,25

Следующий пост-обработки эффект, который мы собираемся добавить, Блум. Как мы это делали с предыдущим эффектом, мы будем указывать переменные, которые мы хотим редактировать, а затем мы можем настроить их по своему усмотрению. Мы собираемся сделать это для: Интенсивность — установлена ​​на 1,5, а Soft Knee — на 0,1.

Сцена выглядит немного скучно, поэтому давайте добавим эффект цветоделения. Переменные, которые мы установим, следующие: Режим Ton mappingping для ACES, Post-exposure (EV) до 0,6, Saturation to 10 и Contrast to 15. Окончательный эффект, который мы добавим в профиль, — Vignette, который добавит более темный край к наша камера, предназначенная для фокусировки пользователя на центр экрана. Нам нужно только установить одну переменную на этот эффект, а это Intensity на 0,3.

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

Эта статья была первоначально опубликована в выпуске 236 из 3D World самый продаваемый в мире журнал для художников CG. Купить номер 236 здесь или подписаться на 3D World здесь .

Статьи по теме:

Go to Top

Поделитесь статьей!

close-link