Let’s take a look on texture mappings with three.js. We discover how to create textured surfaces with details and character.

Use a color map to add color, use a normal map for bump mapping, a displacement map for changing geometry of the surface, a roughness map to alter light reflections, an ambient occlusion (AO) map for shadow highlighting and a metallic map in combination with environment map for metalic reflections!

(00:00) - Intro
(00:22) - Standard Material
(00:42) - Get some Textures
(01:29) - Demo Scene & Texture Loader
(02:18) - Base Color
(02:56) - Normal Map (the better Bump Mapping)
(03:45) - Displacement Map
(06:13) - Roughness Map
(07:49) - Ambient Occlusion Map (AO)
(09:26) - Metalness Map (+ Environment Map)
(11:43) - Outro

Github: https://github.com/tamani-coding/thre…

Subscribe: https://www.youtube.com/channel/UCBTwKzJg-BR56tKWO5CT7XA/featured

#three-js #javascript