# \#heightmap **URL:** https://forum.babylonjs.com/tag/heightmap/96.md [Latest](https://forum.babylonjs.com/latest.md) · [Categories](https://forum.babylonjs.com/categories.md) · [Tags](https://forum.babylonjs.com/tags.md) --- ## [Applesauce with Babylon HTML (Skating Blood Physics)](https://forum.babylonjs.com/t/applesauce-with-babylon-html-skating-blood-physics/62559)
**Author:** [@southofsouthrecords](https://forum.babylonjs.com/u/southofsouthrecords)\ **Replies:** 2\ **Last updated:** [February 26, 2026, 8:21am UTC](https://forum.babylonjs.com/t/applesauce-with-babylon-html-skating-blood-physics/62559 "2026-02-26T08:21:16Z")
hey! I’ve been developing a skateboarding game using Babylon! First started on Three.js, then discovered Babylon and Havok! It’s been an incredible learning curve. Heres a dev-ramble. ride skateboard shoot guns bloodspi… --- ## [Grayscale height image to (normal) bumpTexture](https://forum.babylonjs.com/t/grayscale-height-image-to-normal-bumptexture/62095)
**Author:** [@HiGreg](https://forum.babylonjs.com/u/HiGreg)\ **Replies:** 6\ **Last updated:** [January 20, 2026, 1:37pm UTC](https://forum.babylonjs.com/t/grayscale-height-image-to-normal-bumptexture/62095 "2026-01-20T13:37:37Z")
I’ve been frustrated by the lack of an automatic grayscale heightmap to (normal) bumpTexture. This TypeScript class fills the void: https://playground.babylonjs.com/#U6UXVB Use: new Filter().getNormalTextureFromHeig… --- ## [Ground height map from UInt8Array corrupted points](https://forum.babylonjs.com/t/ground-height-map-from-uint8array-corrupted-points/61456)
**Author:** [@Khanon](https://forum.babylonjs.com/u/Khanon)\ **Replies:** 2\ **Last updated:** [November 18, 2025, 9:02am UTC](https://forum.babylonjs.com/t/ground-height-map-from-uint8array-corrupted-points/61456 "2025-11-18T09:02:36Z")
I’m experimenting with BABYLON.MeshBuilder.CreateGroundFromHeightMap and I have a question and an issue. Question: I don’t have clear what minHeight and maxHeight are doing exactly. For what I’ve been testing, those tw… --- ## [Sliced ground building it from height map using Uint8Array and one byte per height point](https://forum.babylonjs.com/t/sliced-ground-building-it-from-height-map-using-uint8array-and-one-byte-per-height-point/61377)
**Author:** [@Khanon](https://forum.babylonjs.com/u/Khanon)\ **Replies:** 5\ **Last updated:** [November 13, 2025, 3:30pm UTC](https://forum.babylonjs.com/t/sliced-ground-building-it-from-height-map-using-uint8array-and-one-byte-per-height-point/61377 "2025-11-13T15:30:05Z")
Creating a ground height map from a custom Uint8Array seems to be sliced by 1/4 of its height. Some idea? --- ## [Ground artefact](https://forum.babylonjs.com/t/ground-artefact/58827)
**Author:** [@PichouPichou](https://forum.babylonjs.com/u/PichouPichou)\ **Replies:** 4\ **Last updated:** [June 5, 2025, 8:24am UTC](https://forum.babylonjs.com/t/ground-artefact/58827 "2025-06-05T08:24:35Z")
Hi BabylonJS Team and community, I feel like this must have been answered already, but after digging into the forum and documentation, I didn’t find a solution. So my question is: How do you remove these weird artefact… --- ## [Can we use a heightmap mesh surfece to add Point cloud system points?](https://forum.babylonjs.com/t/can-we-use-a-heightmap-mesh-surfece-to-add-point-cloud-system-points/58452)
**Author:** [@Jacob\_cao](https://forum.babylonjs.com/u/Jacob_cao)\ **Replies:** 7\ **Last updated:** [June 5, 2025, 7:43am UTC](https://forum.babylonjs.com/t/can-we-use-a-heightmap-mesh-surfece-to-add-point-cloud-system-points/58452 "2025-06-05T07:43:11Z")
Hi team, I’m tring to use a heightmap created from a Heatmap to creat a point cloud system effect, to display the heatmap on the heightmap surface. But I always get this, a run time error: Uncaught TypeError: meshPos i… --- ## [Heightfield from external](https://forum.babylonjs.com/t/heightfield-from-external/58606)
**Author:** [@Tom\_Haddon](https://forum.babylonjs.com/u/Tom_Haddon)\ **Replies:** 5\ **Last updated:** [May 23, 2025, 11:10am UTC](https://forum.babylonjs.com/t/heightfield-from-external/58606 "2025-05-23T11:10:09Z")
Hi Folks, I’m looking to create a PhysicsShapeHeightField from an mesh that’s imported into a scene. I’ve created a playground to demonstrate how far I’ve got with this so far: https://playground.babylonjs.com/#849YCW#1… --- ## [Heightmap with CDLOD/Quadtree and Geomorphing Demo](https://forum.babylonjs.com/t/heightmap-with-cdlod-quadtree-and-geomorphing-demo/56772)
**Author:** [@bpodwinski](https://forum.babylonjs.com/u/bpodwinski)\ **Replies:** 2\ **Last updated:** [March 25, 2025, 7:59pm UTC](https://forum.babylonjs.com/t/heightmap-with-cdlod-quadtree-and-geomorphing-demo/56772 "2025-03-25T19:59:48Z")
Hello everyone! I’m primarily a web developer, but I also have some experience with 3D using Three.js. A while ago, I decided to experiment an idea: create a CDLOD (Continuous Distance-Dependent Level of Detail) system … --- ## [Havok Heightmap crashes with npm release but works fine with CDN release](https://forum.babylonjs.com/t/havok-heightmap-crashes-with-npm-release-but-works-fine-with-cdn-release/53201)
**Author:** [@regna](https://forum.babylonjs.com/u/regna)\ **Replies:** 5\ **Last updated:** [October 1, 2024, 3:58pm UTC](https://forum.babylonjs.com/t/havok-heightmap-crashes-with-npm-release-but-works-fine-with-cdn-release/53201 "2024-10-01T15:58:45Z")
Havok Heightmap crashes with npm@1.3.8 but works fine with the CDN release: https://cdn.babylonjs.com/havok/HavokPhysics\_umd.js https://cdn.babylonjs.com/havok/HavokPhysics.wasm The script to reproduce this can be fou… --- ## [\`CreateGroundFromHeightMap()\` in Web Worker](https://forum.babylonjs.com/t/creategroundfromheightmap-in-web-worker/53342)
**Author:** [@regna](https://forum.babylonjs.com/u/regna)\ **Replies:** 2\ **Last updated:** [September 13, 2024, 5:37pm UTC](https://forum.babylonjs.com/t/creategroundfromheightmap-in-web-worker/53342 "2024-09-13T17:37:41Z")
Trying to use CreateGroundFromHeightMap() with url: string gives the error: Uncaught (in promise) LoadImage is only supported in web or BabylonNative environments It looks like passing data: Uint8Array instead of url: … --- ## [Bing map 3d terrain to babylonjs](https://forum.babylonjs.com/t/bing-map-3d-terrain-to-babylonjs/27036)
**Author:** [@renjianfeng](https://forum.babylonjs.com/u/renjianfeng)\ **Replies:** 26\ **Last updated:** [September 4, 2024, 8:13am UTC](https://forum.babylonjs.com/t/bing-map-3d-terrain-to-babylonjs/27036 "2024-09-04T08:13:01Z")
Hello, buddy, I have implemented an online tool to import the terrain of Bing 3D map into the babylonjs scene. You can customize the tile size, accuracy and range. This tool can help you automatically exclude the waterma… --- ## [Ground collision using MeshBuilder.CreateGroundFromHeightMap() and Havok](https://forum.babylonjs.com/t/ground-collision-using-meshbuilder-creategroundfromheightmap-and-havok/47396)
**Author:** [@jbgoldberg](https://forum.babylonjs.com/u/jbgoldberg)\ **Replies:** 4\ **Last updated:** [January 29, 2024, 5:32pm UTC](https://forum.babylonjs.com/t/ground-collision-using-meshbuilder-creategroundfromheightmap-and-havok/47396 "2024-01-29T17:32:58Z")
Surely this is a newbie question, but I spend the day trying to figure out by myself with no results. I am trying to create detect collision of a sphere in the ground created by CreateGroundFromHeightMap() using Havok. … --- ## [Heightmap on NullEngine with Havok](https://forum.babylonjs.com/t/heightmap-on-nullengine-with-havok/45126)
**Author:** [@neu5](https://forum.babylonjs.com/u/neu5)\ **Replies:** 14\ **Last updated:** [December 14, 2023, 10:51am UTC](https://forum.babylonjs.com/t/heightmap-on-nullengine-with-havok/45126 "2023-12-14T10:51:59Z")
Hey, I’m trying to use heightmap on NullEngine with Havok. Is this still way to go? Using basic CreateGroundFromHeightMap doesn’t work ofc dev:\*serve\] BJS - \[13:16:56\]: Babylon.js v6.25.0 - Null engine \[dev:\*serve\]… --- ## [Heightmap and heightfield (cannon) and authoritative server](https://forum.babylonjs.com/t/heightmap-and-heightfield-cannon-and-authoritative-server/35777)
**Author:** [@neu5](https://forum.babylonjs.com/u/neu5)\ **Replies:** 18\ **Last updated:** [October 13, 2023, 2:51pm UTC](https://forum.babylonjs.com/t/heightmap-and-heightfield-cannon-and-authoritative-server/35777 "2023-10-13T14:51:59Z")
Hello, I want to use heightmaps with the stack of BabylonJS on the client and cannon-es running on the server and being responsible for the physics. My ideal workflow would be: create heightmaps images (eg. with some… --- ## [Is the HP\_Shape\_CreateHeightField function usable?](https://forum.babylonjs.com/t/is-the-hp-shape-createheightfield-function-usable/44191)
**Author:** [@x1911](https://forum.babylonjs.com/u/x1911)\ **Replies:** 5\ **Last updated:** [September 26, 2023, 1:23pm UTC](https://forum.babylonjs.com/t/is-the-hp-shape-createheightfield-function-usable/44191 "2023-09-26T13:23:15Z")
I’m really excited to see support for the Havok engine! I want to try using Babylon.js in our next project, but I noticed that the publicly available API doesn’t provide the functionality for a HeightField shape. When … --- ## [Heightmap swallow falling mesh](https://forum.babylonjs.com/t/heightmap-swallow-falling-mesh/41816)
**Author:** [@Marcello\_Fabbiani](https://forum.babylonjs.com/u/Marcello_Fabbiani)\ **Replies:** 4\ **Last updated:** [July 1, 2023, 5:28pm UTC](https://forum.babylonjs.com/t/heightmap-swallow-falling-mesh/41816 "2023-07-01T17:28:02Z")
Go near the table until the grenade gets highlighted, pick with F and then hold left mouse for a sec to finish the throwing grenade pose, release lmb to throw. Sometimes the ground swallow the grenade. msfs1992.github.i… --- ## [Havok physics wlaking character bouncing over heightmap](https://forum.babylonjs.com/t/havok-physics-wlaking-character-bouncing-over-heightmap/41879)
**Author:** [@Marcello\_Fabbiani](https://forum.babylonjs.com/u/Marcello_Fabbiani)\ **Replies:** 5\ **Last updated:** [July 1, 2023, 5:25pm UTC](https://forum.babylonjs.com/t/havok-physics-wlaking-character-bouncing-over-heightmap/41879 "2023-07-01T17:25:52Z")
the player have a small laggy bouncing, someone could help me to get a stable movement? :slight\_smile: this is the BG of a player waking over a non heightmap, and the movement is fuild without that laggy bouncing. ht… --- ## [Dynamic mesh for player having climb up problems over heightmap terrain](https://forum.babylonjs.com/t/dynamic-mesh-for-player-having-climb-up-problems-over-heightmap-terrain/41747)
**Author:** [@Marcello\_Fabbiani](https://forum.babylonjs.com/u/Marcello_Fabbiani)\ **Replies:** 4\ **Last updated:** [July 1, 2023, 5:24pm UTC](https://forum.babylonjs.com/t/dynamic-mesh-for-player-having-climb-up-problems-over-heightmap-terrain/41747 "2023-07-01T17:24:23Z")
I am dealing with this problem that is when the player collider walks down a heightmap, maybe a hole on the ground with a minHeight of 1, and when the player tries to climb up the heightmap, the gravity influence the pla… --- ## [Havok heightmap](https://forum.babylonjs.com/t/havok-heightmap/41833)
**Author:** [@Marcello\_Fabbiani](https://forum.babylonjs.com/u/Marcello_Fabbiani)\ **Replies:** 5\ **Last updated:** [June 22, 2023, 8:56pm UTC](https://forum.babylonjs.com/t/havok-heightmap/41833 "2023-06-22T20:56:02Z")
PhysicsShapeType.MESH works well for heightmap building, but i want to know if it is possible to instance a PhysicsShapeType.HEIGHTFIELD, or PhysicsShapeType.MESH is better than cannon HeightmapImpostor? --- ## [Can;t apply force to rigid body over a heightmap](https://forum.babylonjs.com/t/can-t-apply-force-to-rigid-body-over-a-heightmap/41798)
**Author:** [@Marcello\_Fabbiani](https://forum.babylonjs.com/u/Marcello_Fabbiani)\ **Replies:** 3\ **Last updated:** [June 22, 2023, 8:58am UTC](https://forum.babylonjs.com/t/can-t-apply-force-to-rigid-body-over-a-heightmap/41798 "2023-06-22T08:58:11Z")
the code apply a force upwards the barrel when it gets hit, it works well with planar ground but not with heightmaps msfs1992.github.io --- ## [ground.getHeightAtCoordinates(x,z) is hit or miss](https://forum.babylonjs.com/t/ground-getheightatcoordinates-x-z-is-hit-or-miss/40256)
**Author:** [@billmanh](https://forum.babylonjs.com/u/billmanh)\ **Replies:** 2\ **Last updated:** [April 26, 2023, 8:01pm UTC](https://forum.babylonjs.com/t/ground-getheightatcoordinates-x-z-is-hit-or-miss/40256 "2023-04-26T20:01:56Z")
\[Sticking Objects to the ground | Babylon.js Playground (babylonjs.com)\]https://playground.babylonjs.com/#95PXRY#324 I’m having an issue getting object to render directly on top of the heightmap ground. You can see … --- ## [Why my heightmap is rendering inverted?](https://forum.babylonjs.com/t/why-my-heightmap-is-rendering-inverted/40097)
**Author:** [@Krishna\_Vishwakarma](https://forum.babylonjs.com/u/Krishna_Vishwakarma)\ **Replies:** 2\ **Last updated:** [April 22, 2023, 12:19pm UTC](https://forum.babylonjs.com/t/why-my-heightmap-is-rendering-inverted/40097 "2023-04-22T12:19:00Z")
Hey, I’m creating a height map using the CreateGroundFromHeightMap method and I don’t know why it is rendering inverted. Can anyone help me to understand why it is happening and what I can do? Here is the playground - H… --- ## [Why my height map doesn't work in iOS Safari?](https://forum.babylonjs.com/t/why-my-height-map-doesnt-work-in-ios-safari/37455)
**Author:** [@gunpowderfans](https://forum.babylonjs.com/u/gunpowderfans)\ **Replies:** 5\ **Last updated:** [January 17, 2023, 9:24pm UTC](https://forum.babylonjs.com/t/why-my-height-map-doesnt-work-in-ios-safari/37455 "2023-01-17T21:24:34Z")
It works in Chrome or Firefox in both Windows or Android, but results in a flat plane in Safari in iOS. I have no idea why. Original example in document: I know that how f\*\*\*ing can it be when debugging iOS Safari. I… --- ## [Balls rolling around a heightmap ground with physics](https://forum.babylonjs.com/t/balls-rolling-around-a-heightmap-ground-with-physics/36218)
**Author:** [@bigrig](https://forum.babylonjs.com/u/bigrig)\ **Replies:** 5\ **Last updated:** [December 9, 2022, 12:48pm UTC](https://forum.babylonjs.com/t/balls-rolling-around-a-heightmap-ground-with-physics/36218 "2022-12-09T12:48:37Z")
Hi all. Just posting a PG to show how to apply a heightmap imposter to a heightmap ground, apply physics, and have objects roll around the contours of the heightmap. I was searching around and didn’t find anything using … --- ## [Meshes falling through ground created from non regular height map (rectangle not square)](https://forum.babylonjs.com/t/meshes-falling-through-ground-created-from-non-regular-height-map-rectangle-not-square/36058)
**Author:** [@BigOrangeIguana](https://forum.babylonjs.com/u/BigOrangeIguana)\ **Replies:** 2\ **Last updated:** [November 29, 2022, 1:28pm UTC](https://forum.babylonjs.com/t/meshes-falling-through-ground-created-from-non-regular-height-map-rectangle-not-square/36058 "2022-11-29T13:28:46Z")
Greetings, I am developing an environment which uses a non regular heightmap, one that is rectangular in a 2:1 ratio, as opposed to a usual square; blame the customer. Creating the mesh using BABYLON.MeshBuilder.Create… --- ## [Generating a heightmap from an array of meshes](https://forum.babylonjs.com/t/generating-a-heightmap-from-an-array-of-meshes/29986)
**Author:** [@arcman7](https://forum.babylonjs.com/u/arcman7)\ **Replies:** 22\ **Last updated:** [May 5, 2022, 8:13am UTC](https://forum.babylonjs.com/t/generating-a-heightmap-from-an-array-of-meshes/29986 "2022-05-05T08:13:15Z")
I’m currently looking into to different ways to support physics at a large scale. One the best options I’ve tried so far involves using a heightmap in ammo js for the terrain / ground. Most people, including myself migh…