基于three.js和heatmap.js创建3D热力图

基于three.js和heatmap.js创建3D热力图网上找的canvas画渐变热点的demo，原理就是给定顶点坐标，然后画圆，颜色使用渐变色，根据权重决定渐变的层数（红色->橙色->绿色） 。

但是终究觉得这种方法不仅繁琐，而且画出来的效果不够自然。

其实目前有一些稳定的开源热力图框架，我们使用的是开源框架，有一个开源库heatmap效果很好，

它的官方demo地址链接：

官网：https://www.patrick-wied.at/static/heatmapjs/

参考例子：https://www.patrick-wied.at/static/heatmapjs/example-point-config.html

Heatmap.js不是用户短时间的行为数据，它是根据你提供的数据驱动创建动态热图。如果你正在寻找一个热力图服务框架，那么它非常合适，包括数据更新和数据驱动跟踪部分，我们不必重新自己开发一套热力图框架。感谢万能的网络。

WebGLStudy.COM搜集整理。