Displacement Map to Alter Position of Vertices
Explore how to use displacement maps in Three.js to dynamically alter the positions of vertices on 3D models. Understand the difference between displacement maps and other texture maps like bump or normal maps, and learn how to control displacement effects for enhanced model detail and realism in your 3D scenes.
We'll cover the following...
We'll cover the following...
Displacement map
With a normal or bump map, we don’t change the shape of the model; all of the vertices stay in the same location. These maps just use the lights from the scene to create fake depth and details. However, Three.js provides a third method that we can use to add details to a model using a map, which does change the positions of the vertices. This is done through a displacement map. ...