如何将遮罩应用于画布上的点

Question

我正在尝试在JavaScript中进行水模拟。我目前有类似this的东西，由小点组成。我想要一个面具的点，所以它看起来更像水，但我不知道如何去做这件事。我想获得类似于“我的水在哪里？”游戏的效果，基本上所有靠近在一起的点都显示为一个斑点，具有类球效果。我试着用谷歌搜索一个解决方案，但没有任何运气。

任何帮助表示赞赏。谢谢。

Answer 1

想通了。

对于任何想要知道的人，我使用的方法显示为here，但我只在一张临时画布上绘制了一次渐变效果，然后使用drawImage()将它绘制到了真实画布上，速度更快。