My heightmap

[juanmajr93]

Hi this is my heightmap where blue area is the lowest and orange color is the heightest. However, babylonJS interprets the orange/red color to the lowest zone like blue area. How can change this?

 

Thanks

[Dad72]

The heigtmap are textures with colors of black and gray.

http://doc.babylonjs.com/tutorials/height_map

[Raggar]

If you use the 'Black and White' filter in Photoshop, you can adjust the strength of all colors, like the blue, orange, green etc.

This took literally 5 seconds, and I'm sure there is something in GiMP that creates the same result if you prefer a free application.

 

[jerome]

Else you can also change the default behavior here : https://github.com/BabylonJS/Babylon.js/blob/master/src/Mesh/babylon.mesh.vertexData.ts#L1410

[jerome]

I just added the ability to define your own color filter :

var filter = new BABYLON.Color3(1.0, 0.5, 0.2); 
BABYLON.MeshBuilder.CreateGroundFromHeightMap('m', url, {colorFilter: filter});

The ability to change the way the gradient to elevate the ground altitude is computed.
Default : Color3(0.3, 0.59, 0.11) as usual grey gradient.

 

Just wait this PR is merged in the core, please. 

[juanmajr93]

yeah! @Raggar I did it. I used Photoshop to change the image that is the same that you posted. I was my solution. Good advice @jerome

thanks!