javascript - Javascript检测具有清晰背景的图像上的碰撞

Question

我正在制作一个 javascript 游戏，我遇到了一个障碍，当它触及玩家的形象时，应该会夺走一条生命。问题是我目前正在使用图像的矩形进行检测，并且有清晰的部分，因此它有时会在图像看起来不接触时检测到碰撞。我需要一种方法来检测图像是否接触到不仅仅是清晰背景的图像部分，就像你制作非清晰部分的轮廓并检查轮廓是否碰撞一样。我不知道这是否可能与javascript有关，但请告诉我。

标签： javascripthtml

Answer 1

我没有快速做到这一点的好方法。你看，如果我们这样做，它会减慢很多，正如它所说的：https ://benjaminhorn.io/code/pixel-accurate-collision-detection-with-javascript-and-canvas/ 。您可以制作一些不同大小的小矩形，以帮助进行更精确的碰撞。