如何将蒙版应用于画布上的点

Question

我正在尝试用JavaScript进行水模拟。我现在有类似于this的东西，由小点组成。我想对这些点应用一个面具，所以它看起来更像水，但我不知道我会怎么做。我希望获得类似于游戏“Where's my water？”的效果，基本上所有靠近的点都显示为一个blob，具有类似元球的效果。我尝试使用谷歌搜索解决方案，但没有任何运气。

感谢任何帮助。感谢。

Answer 1

想出来。

对于任何想要了解的人，我使用了显示here的方法，但我只在临时画布上绘制了一次渐变，然后使用drawImage()在真实画布上绘制了渐变，这是方式更快。