如何平滑的更改heatmap的值

[missBlueWhite]

如何平滑的更改heatmap的值，类似https://www.patrick-wied.at/static/heatmapjs/这个官网中，heatmap的值是平滑的变化。

[missBlueWhite]

就是如何动态的更改heatmap中的值？ 更改heatmap.object3d.geometry.attributes.position这个中的值起作用吗？我看three中更改一个mesh的位置属性是这样子做的：

// 创建一个几何体
var geometry = new THREE.Geometry();

// 添加顶点
geometry.vertices.push(
new THREE.Vector3(0, 0, 0), // 第一个顶点
new THREE.Vector3(1, 0, 0), // 第二个顶点
new THREE.Vector3(0, 1, 0) // 第三个顶点
);

// 创建材质
var material = new THREE.MeshBasicMaterial({ color: 0xff0000 });

// 创建网格对象
var mesh = new THREE.Mesh(geometry, material);

// 添加网格到场景中
scene.add(mesh);

// 更新顶点数据
geometry.vertices[0].x = 2; // 修改第一个顶点的X坐标

// 重新计算几何体的法线和边界
geometry.computeVertexNormals();
geometry.computeBoundingBox();

// 更新网格的几何体
mesh.geometry.verticesNeedUpdate = true;
mesh.geometry.normalsNeedUpdate = true;
mesh.geometry.computeBoundingSphere();