How to implement heatmap?

Questions
1

How to implement heatmap?
like this
image

1 Like
2

I would use a displacement map
https://threejs.org/examples/?q=displ#webgl_materials_displacementmap

the displacement map used on the ninja https://github.com/mrdoob/three.js/blob/master/examples/models/obj/ninja/displacement.jpg

3

Hi!
This is the solution from the twilight zone of my mind, made it from the scratch :slight_smile:

You can use your own heatmap (not like I did it in shaders with heatmapGradient), based on texture, like in this example:
https://threejs.org/examples/webgl_geometry_colors_lookuptable

6 Likes
5

Thanks very much！
I have already realized it. use your solution

6

You’re welcome :slight_smile: