javascript - 如何将蒙版应用于 Canvas 上的点

Question

我正在尝试用 JavaScript 进行水模拟。我有类似this的东西此刻，由小点组成。我想在这些点上涂抹一个面膜，这样它看起来更像水，但我不知道如何去做。我想要实现类似于游戏“我的水在哪里？”的效果，基本上所有靠近的点都显示为一个 Blob ，具有类似元球的效果。我尝试在谷歌上搜索解决方案，但没有任何运气。

感谢任何帮助。谢谢。

Answer 1

想通了。

对于任何想知道的人，我使用了所示的方法 here但我只在临时 Canvas 上绘制了一次渐变，然后使用 drawImage() 将其绘制在真实 Canvas 上，这样速度更快。