TEXTURES: WHAT THEY ARE AND WHAT THEY'RE FOR (THREE.JS'S DEFINITIVE GUIDE)
In this video, you'll discover what a texture is and how to use them in three.js. You'll learn that there are many different types of textures, each with a specific purpose and which help us achieve realistic effects in our 3D scenes. We'll look at color maps, alpha maps, normal maps, displacement maps, ambient occlusion maps, metalness maps, roughness maps, and specular maps.
You'll then learn how to load textures in three.js, with native js and also with the TextureLoader, and apply them to your objects' materials.
Chapters
00:00 Intro
00:35 What is a texture?
00:59 Why use a texture?
01:57 Different Texture Types
02:38 Color Map
05:46 Alpha Map
09:13 Normal Map
15:14 Displacement Map
19:27 Ambient Occlusion Map
25:58 Metalness Map, Roughness Map, Specular Map
27:19 Loading a Texture in three.js
32:43 TextureLoader
34:57 LoadingManager
38:52 Applying Textures to the Material
41:14 Conclusions
🎥 Next Video: ...
🎥 Previous Video: • Three.js BUFFERGEOMETRY: tutto quello che ...
Code Full text:
https://github.com/rock-biter/three-t...
Medium:
/ three-js-textures-part-1
SUPPORT ME 💶
tipeee: https://it.tipeee.com/gianluca-lomarco/
Help me create consistent, quality content.
USEFUL LINKS 🔗
website: https://gianluca-lomarco.web.app/
GitHub: https://github.com/rock-biter
LinkedIn: / gianluca-lomarco-2a496b5b
Medium: / gianluca.lomarco
Equipment
Smart webcam, Ista360: https://amzn.to/3DwCkwo
Stream deck: https://amzn.to/3QitpX1
Elgato Key Light Mini: https://amzn.to/3QhofdW
Elgato mount: https://amzn.to/3rG3gqM
UWQHD monitor: https://amzn.to/3Ox5dyW