# \#displacement

**URL:** https://discourse.threejs.org/tag/displacement/1329.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Discard vertex spikes from terrain created via displacement map](https://discourse.threejs.org/t/discard-vertex-spikes-from-terrain-created-via-displacement-map/84450)

<div class="topic-metadata">

**Author:** [@3do](https://discourse.threejs.org/u/3do)\
**Replies:** 15\
**Last updated:** [June 24, 2025, 3:26pm UTC](https://discourse.threejs.org/t/discard-vertex-spikes-from-terrain-created-via-displacement-map/84450 "2025-06-24T15:26:55Z")

</div>

Hello together, currently I try to visualize a terrain from a height map Float32Array. That works so far really good. The terrain is created by extending the existing MeshStandardMaterial with custom uniforms and a Data…

---

## [Displacement map causing gaps on edges of the box](https://discourse.threejs.org/t/displacement-map-causing-gaps-on-edges-of-the-box/59977)

<div class="topic-metadata">

**Author:** [@prusama](https://discourse.threejs.org/u/prusama)\
**Replies:** 1\
**Last updated:** [January 5, 2024, 9:05pm UTC](https://discourse.threejs.org/t/displacement-map-causing-gaps-on-edges-of-the-box/59977 "2024-01-05T21:05:14Z")

</div>

I am trying to apply displacementMap texture on a MeshStandartMaterial of a BoxGeometry. Code: // Geometry const boxGeometry =new THREE.BoxGeometry( 1, 1, 1, 256, 256, 256 ); // Material const boxMaterial = new THREE.…

---

## [Regarding Displacement Maps: Does Three.js do Vector Displacement?](https://discourse.threejs.org/t/regarding-displacement-maps-does-three-js-do-vector-displacement/52463)

<div class="topic-metadata">

**Author:** [@phil\_crowther](https://discourse.threejs.org/u/phil_crowther)\
**Replies:** 12\
**Last updated:** [June 19, 2023, 7:07am UTC](https://discourse.threejs.org/t/regarding-displacement-maps-does-three-js-do-vector-displacement/52463 "2023-06-19T07:07:12Z")

</div>

Three.js materials can handle grayscale displacement maps by moving the geometry vertices vertically. But where a three.js material is give a multi-colored displacement map, does three.js displace the geometry vertices …

---

## [Using a displacementMap to modify the (top) face of a cube](https://discourse.threejs.org/t/using-a-displacementmap-to-modify-the-top-face-of-a-cube/47418)

<div class="topic-metadata">

**Author:** [@nivkemai](https://discourse.threejs.org/u/nivkemai)\
**Replies:** 7\
**Last updated:** [January 30, 2023, 6:09am UTC](https://discourse.threejs.org/t/using-a-displacementmap-to-modify-the-top-face-of-a-cube/47418 "2023-01-30T06:09:54Z")

</div>

Hello, I’m probably going about this all wrong, but was hoping I’m at least somewhat on the right path. Context: I’m building something which will try to scan the height of an (IRL) object using a machine which has the …

---

## [Displacement map creates gaps on the edges of a mesh](https://discourse.threejs.org/t/displacement-map-creates-gaps-on-the-edges-of-a-mesh/44458)

<div class="topic-metadata">

**Author:** [@Tom\_Schmitz](https://discourse.threejs.org/u/Tom_Schmitz)\
**Replies:** 4\
**Last updated:** [November 11, 2022, 8:22am UTC](https://discourse.threejs.org/t/displacement-map-creates-gaps-on-the-edges-of-a-mesh/44458 "2022-11-11T08:22:15Z")

</div>

Hello, I have a question about the use of displacement maps. When applying a displacement map to my model it leaves gaps at the edges. I already tried the displacementBias option but that isn’t really the desired solu…