Comment appliquer un masque à des points sur une toile

Question

J'essaie de faire une simulation d'eau en JavaScript. J'ai quelque chose de similaire à this en ce moment, composé de petits points. Je veux appliquer un masque sur les points afin que ça ressemble plus à de l'eau mais je ne sais pas comment j'irais faire ça. Je veux obtenir un effet similaire à celui du jeu "Où est mon eau?". En gros, tous les points proches les uns des autres apparaissent comme une seule goutte, avec un effet de métaball. J'ai essayé Google pour trouver une solution, mais je n'ai pas eu de chance.

Toute aide est appréciée. Merci.

Answer 1

Compris. Pour toute personne qui veut savoir, j'ai utilisé la méthode montrée here mais j'ai seulement dessiné le dégradé une fois sur un canevas temporaire puis dessiné sur le canevas réel en utilisant drawImage(), ce qui est beaucoup plus rapide.