Author: MastaMan
Date: June 12, 2022
Updated on: July 25, 2023
You are reading part: 1 2 3 4 5 6 7 8 9 10

Intro Part 7

This is Part 7 of the tutorial series on building a Lamborghini Urus with WebGL/PlayCanvas.

For those who haven't read the previous parts, here's a demo video.



In this part of the tutorial, we will add the rest of the objects and set up materials for them.

Access to materials such as "FBX" models, textures, "AO" baked maps and more, you can get by subscribing to Patreon.

Patreon - 3DGROUND

Rear Trunk

Let's add an object to the "SM_Trunk" scene, by analogy with the previous part of the lesson. Drag the "FBX" file to the "Assets" panel → "car". Then drag the "Template" named "SM_Trunk" to the "Hierarchy" panel → "Car".

playcanvas add trunk
Loading...

The "M_CarPaint_Trunk" material is a copy of the "M_CarPaint_Exterior" material, only with a different "AO" texture prepared in advance "T_Trunk_AO".

t trunk ao
Loading...

All other materials are taken from ready-made.

playcanvas trunk materials
Loading...

Result

playcanvas trunk result
Loading...

Headlights

Add "SM_Lights" to the scene by loading "Assets" → "car", then dragging the "Template" named "SM_Lights" to the "Hierarchy" panel → "Car".

playcanvas head lights materials
Loading...

For the first and third slots, we will use ready-made materials "M_LightsLedIllum" and "M_BlackPlastic", we will create the rest of the materials from scratch.

Material HeadLight_Glass

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

Material ChromeClearDark

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

Material EmissiveWhite

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

Result

playcanvas headlight result
Loading...

Wheels

Add "SM_Wheels" to the scene by loading "Assets" → "car", then dragging the "Template" named "SM_Wheels" to the "Hierarchy" panel → "Car".

playcanvas material wheeltirebump materials
Loading...
Tire material
playcanvas materials 2
Loading...
Materials of the inner part of the wheel

Material WheelTireBump

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

Material WheelAluminum

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

Material BlackMetal

We take this material from ready-made.

Material Brake

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

Material WheelBrakeDisk

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

Result

playcanvas wheels result
Loading...

Disks

Let's create a new "Entity" named "Discs" in "Car".

Let's add three variants of disks "SM_WheelDisc_1", "SM_WheelDisc_2" and "SM_WheelDisc_3" to the scene by loading "Assets" → "car" into the panel, then dragging the corresponding "Template" onto the panel " Hierarchy" → "Car" → "Disks".

playcanvas add discs
Loading...

Material Disc1

playcanvas material disc1 chrome
Loading...

Here we will only create the "M_Disc1" material. "M_Chrome" we will take from ready-made ones.

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

Material Disc2

playcanvas disc2 materials
Loading...

Here we will only create the "M_Disc2" material. "M_Chrome" we will take from ready-made ones.

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

Material Disc3

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

Result

playcanvas discs result
Loading...

Conclusion

conclusion part 7
Loading...

In this part of the tutorial, we have done a lot of work on adding almost all the objects and setting up their materials. In the next part, we will add the interior of the car and we will smoothly move on to creating interactivity.



You are reading part: 1 2 3 4 5 6 7 8 9 10
{{commentsMsg}}
  

No one has posted a comment yet
{{comment.lastname}} {{comment.name}} {{comment.date}}
{{comment.text}}
Sponsored content