使用滤镜在画布上绘制图像

编程问答 2022-06-04

问题描述

我正在画布+ js上制作类似于Zelda的游戏，但我不知道如何（甚至可以做到）将滤镜应用于精灵。

我绘制了一个场景，我有多个角色（敌人，npc和玩家），并且我试图在玩家杀死敌人时制作动画。我想先让它们“倾斜”，然后再用爆炸动画更改敌人的精灵。我想更改敌人小精灵的整个颜色，例如“敌人小精灵->红色敌人小精灵->敌人小精灵->红色敌人小精灵->爆炸”。

我的问题是，我可以将颜色滤镜应用于使用canvas drawImage绘制的图像吗？将敌人吸引到画布中的代码非常简单：

ctx.drawImage(img,posX,posY,img.width,img.height);

我也尝试过此操作（如this other question中的建议）：

ctx.globalAlpha = 0.62;
ctx.globalCompositeOperation = 'source-atop';
ctx.fillStyle = 'red';
ctx.fillRect(posX,img.height);

但是它对矩形而不是精灵设置了蒙版（在这张图片中，我将上面的代码应用于每个精灵，只是为了观察它是否起作用）：

Scenario and enemies

有什么建议或帮助吗？谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

2d-gamescanvasjavascript