Javascript 画布中的PNG碰撞感应？

我正在用javascript开发HTML5画布上的platformer游戏。我需要一种方法来感知画布上绘制的两个奇怪形状的png图像之间的冲突。我可以用正方形或圆形来做，但这些都是奇怪形状的图像。有人知道怎么做吗？感觉两个形状奇怪的物体之间的碰撞

Box2d很流行：

我认为，像在旧时代的精灵游戏中一样，在JS上进行逐像素检查可能会消耗太多的CPU——不过不确定

cocos2d javascript有一些与此相关的演示：

---

这些碰撞检测系统的可能副本适用于方形和圆形物体。我需要它和奇怪的波浪形物体一起。基本上，您需要一个脚本/工具，用于将精灵处理为多声道形状以进行检测。但是，诸如existm之类的工具可能不是特定于JS的。不幸的是，我没有任何名字可以说出：(