Создание проекта Lamborghini Urus (WebGL/PlayCanvas). Часть 7.

Vasyl Lukianenko
Vasyl Lukianenko
3D Artist and Technical Author
Вы читаете часть: 1 2 3 4 5 6 7 8 9 10

Вступление Часть 7

Это Часть 7 из серии уроков по созданию Lamborghini Urus при помощи WebGL/PlayCanvas.

Для тех, кто не читал предыдущие части, вот демонстративное видео.



В этой части урока, мы добавим остальные объекты и настроим для них материалы. 

Доступ к материалам, такие как: модели в формате "FBX", текстуры, запеченные карты "AO" и другое, вы можете получить оформив подписку на Patreon.

Patreon - 3DGROUND

Двери заднего багажника

Добавим объект в сцену "SM_Trunk", по аналогии с предыдущей частью урока. Перетаскиваем "FBX" файл на панель "Assets" → "car". Затем "Template" с названием "SM_Trunk" перетаскиваем на панель "Hierarchy" → "Car".

playcanvas add trunk
Loading...

Материал "M_CarPaint_Trunk" это копия материала "M_CarPaint_Exterior", только с другой текстурой "AO", подготовленной заранее "T_Trunk_AO".

t trunk ao
Loading...

Все остальные материалы берем из готовых.

playcanvas trunk materials
Loading...

Результат

playcanvas trunk result
Loading...

Передние фары

Добавим в сцену "SM_Lights" загрузив на панель "Assets" → "car", затем перетянув "Template" с названием "SM_Lights" на панель "Hierarchy" → "Car".

playcanvas head lights materials
Loading...

Для первого и третьего слота используем уже готовые материалы "M_LightsLedIllum" и "M_BlackPlastic", остальные материалы создадим с нуля.

Материал HeadLight_Glass

playcanvas material head light preview
Loading...
playcanvas material head light settings
Loading...

Материал ChromeClearDark

playcanvas material chromecleardark preview
Loading...
playcanvas material chromecleardark settings
Loading...

Материал EmissiveWhite

playcanvas material emissivewhite preview
Loading...
playcanvas material emissivewhite settings
Loading...

Результат

playcanvas headlight result
Loading...

Колеса

Добавим в сцену "SM_Wheels" загрузив на панель "Assets" → "car", затем перетянув "Template" с названием "SM_Wheels" на панель "Hierarchy" → "Car".

playcanvas material wheeltirebump materials
Loading...
Материал Шин
playcanvas materials 2
Loading...
Материалы Внутренней части колеса

Материал WheelTireBump

playcanvas material wheeltirebump preview
Loading...
playcanvas material wheeltirebump settings
Loading...

Материал WheelAluminum

playcanvas material wheelaluminum preview
Loading...
playcanvas material wheelaluminum diffuse settings
Loading...

Материал BlackMetal

Этот материал берем из готовых.

Материал Brake

playcanvas material brake preview
Loading...
playcanvas material brake settings
Loading...

Материал WheelBrakeDisk

playcanvas material wheelbrakedisk preview
Loading...
playcanvas material wheelbrakedisk settings
Loading...

Результат

playcanvas wheels result
Loading...

Диски

Создадим новый "Entity" с названием "Discs" в "Car".

Добавим в сцену три варианта дисков "SM_WheelDisc_1", "SM_WheelDisc_2" и "SM_WheelDisc_3" загрузив на панель "Assets" → "car", затем перетянув соответствующие "Template" на панель "Hierarchy" → "Car" → "Discs".

playcanvas add discs
Loading...

Материал Disc1

playcanvas material disc1 chrome
Loading...

Здесь мы создадим только материал "M_Disc1". "M_Chrome" возьмем из готовых.

playcanvas material disc1 preview
Loading...
playcanvas material disc1 settings
Loading...

Материал Disc2

playcanvas disc2 materials
Loading...

Здесь мы создадим только материал "M_Disc2". "M_Chrome" возьмем из готовых.

playcanvas material disc2 preview
Loading...
playcanvas material disc2 settings
Loading...

Материал Disc3

playcanvas disc3 materials
Loading...
playcanvas material disc3 preview
Loading...
playcanvas material disc3 settings
Loading...

Результат

playcanvas discs result
Loading...

Заключение

conclusion part 7
Loading...

В этой части урока, мы проделали большую работу по добавлению практически всех объектов и настройке их материалов. В следующей части, мы добавим салон автомобиля и будем плавно переходить к созданию интерактивности.

Вы читаете часть: 1 2 3 4 5 6 7 8 9 10

FAQ

1. О чём эта статья?
Статья продолжает создание проекта Lamborghini Urus в PlayCanvas и посвящена настройке интерьера, эффектов освещения, камеры и дополнительных визуальных эффектов.
2. Что рассматривается в Part 7?
В этой части добавляются элементы интерьера автомобиля, настраиваются материалы салона, создаётся свечение задних фонарей, улучшается работа камеры и добавляются эффекты частиц. (3D GROUND)
3. Почему настройка материалов интерьера важна?
Качественные материалы делают салон более реалистичным и помогают добиться визуального соответствия реальному автомобилю.
4. Какие материалы используются в интерьере?
Для интерьера настраиваются материалы пластика, кожи, карбона, хрома, коврового покрытия, дисплеев и других элементов салона. (3D GROUND)
5. Можно ли создавать материалы в PlayCanvas с нуля?
Да. PlayCanvas позволяет создавать и настраивать собственные материалы, включая параметры отражений, шероховатости и окружения.
6. Как реализовано свечение задних фонарей?
Для эффекта используется отдельный объект с прозрачным материалом и скриптом, который отображает свечение только при определённом положении камеры. (3D GROUND)
7. Почему важно правильно настраивать камеру?
Грамотные настройки камеры делают навигацию более удобной и позволяют пользователю комфортно осматривать автомобиль.
8. Какие параметры камеры были настроены?
В статье рассматриваются ограничения углов обзора, плавность вращения, фокусировка на автомобиле и начальное положение камеры. (3D GROUND)
9. Что такое Orbit Camera?
Это система управления камерой, позволяющая вращаться вокруг объекта и удерживать его в центре внимания.
10. Какие постэффекты используются в проекте?
В проект добавляются эффекты Bloom, FXAA и Vignette для улучшения качества изображения и повышения визуальной привлекательности сцены. (3D GROUND)
11. Что даёт эффект Bloom?
Bloom усиливает свечение ярких объектов и помогает сделать изображение более кинематографичным.
12. Для чего используется FXAA?
FXAA помогает уменьшить визуальные лесенки на гранях объектов и улучшает сглаживание изображения.
13. Что такое система частиц в PlayCanvas?
Система частиц позволяет создавать различные динамические эффекты, такие как дым, пыль, искры и другие визуальные элементы.
14. Какой эффект частиц создаётся в статье?
В статье создаётся эффект выхлопных газов автомобиля при помощи системы частиц и текстуры дыма. (3D GROUND)
15. Почему визуальные эффекты важны для автомобильного конфигуратора?
Они делают проект более реалистичным, повышают уровень погружения и улучшают общее впечатление от продукта.
16. Для кого будет полезна эта статья?
Для разработчиков PlayCanvas, специалистов по WebGL, технических художников, автомобильных визуализаторов и всех, кто создаёт интерактивные 3D-презентации.
Vasyl Lukianenko
Vasyl Lukianenko
3D Artist and Technical Author
Vasyl Lukianenko is a 3D artist and technical author focused on practical workflows, optimization, and production-ready techniques. He publishes tutorials, courses, and tools to help artists work faster and get cleaner results.
{{commentsMsg}}
  

Никто не оставил комментариев
{{comment.lastname}} {{comment.name}} {{comment.date}}
{{comment.text}}
Sponsored content