使用 Javascript 画布进行颜色遮罩

Question

在 Alpha 颜色通道存在之前，游戏中的精灵通常有一个遮罩颜色，这是一个不会显示的预定义值。许多精灵表具有任意背景颜色，我希望能够使用 Javascript 画布对其进行屏蔽。

到目前为止，我还没有在文档中找到执行此操作的方法，当我搜索颜色遮罩时，结果似乎与使用模板图像或 SVG 剪切图像有关，这不是我想要的米之后。

我可以实现我想要做的一种方法是读取每个像素值，检查 RGB 值，如果匹配，则将该像素的 alpha 设置为 0。这种方法的问题是它会慢得难以忍受在 Javascript 中。什么是遮盖图像上特定颜色的更快/更好的方法？

Answer 1

最快最好的方法是使用支持透明度的图像格式，如 webp 或 png。

资产应仅通过专用工具准备一次，而不是每次有人使用您的应用时。