Javascript在背景清晰的图像上检测碰撞

我正在制作一个javascript游戏，我有一个障碍，当它触及玩家的形象时，应该会夺走一条生命。问题是，我目前正在使用图像的矩形进行检测，并且有清晰的部分，因此它有时会在图像看起来不接触时检测到碰撞。我需要一种方法来检测图像是否接触到图像中不只是清晰背景的部分，比如你对不清晰部分做一个轮廓，然后检查轮廓是否发生碰撞。我不知道这是否可以用javascript实现，但请告诉我。

我没有快速实现的好方法。你看，如果我们这样做，它会慢很多，就像这里说的：。您可以制作一些不同大小的较小矩形，以帮助进行更精确的碰撞。

请仔细阅读并编辑您的问题，了解更多详细信息。添加您当前的和相关的代码是一个很好的开始！