有人知道HTML5画布有没有冲突检测API吗。。？

我一直在通过编写基本的思维导图应用程序来试验HTML5画布。我试图找出是否有javascript API用于管理画布中的对象，比如图像或形状之间的碰撞检测。 我认为写我自己的不是一个好主意，因为可能有一些好的API。

---

任何人都有这方面的线索或信息。我将非常感激。

最近我自己也在尝试这个。我发现Box2DJS是一个很棒的牛顿物理引擎，如果你想试试的话

一开始很难理解这个概念，但随着你的继续，它会变得更容易，而且它还附带了一些很好的例子。Box2D已移植到多种语言，大多数使用相同或非常相似的方法，因此任何端口的文档都可能适合您的需要

祝你好运：）

编辑：我在前面提到的网站上找到了一个指向此文档的链接：（由于我的低声誉，无法将其设置为超链接，因为我的每个帖子只能有一个链接，我是一个noob；p）

这是针对Box2FlashAS3的，但他们声称“Box2DJS API与Box2FlashAS3完全相同”

编辑：哦，我刚注意到你在寻找碰撞检测，不是物理，我的坏。。。也许Box2D还能工作，但也许不行。很抱歉…

看一看。这是一个用于画布元素的场景图插件。我不认为它能检测碰撞，但它可能会帮你找到正确的方向。您至少可以使用它将事件处理程序附加到画布对象。

使用Box2D.Dynamics.b2ContactListener进行冲突检测

Box2DWeb是Box2Flash 2.1a的一个端口（所以它有DebugDraw和ContactListeners）。下面有一个示例，用于发送所有联系人事件

var contactListener = new Box2D.Dynamics.b2ContactListener();           
    contactListener.BeginContact = function(contact) {
        console.log('something just hit something else');

        // example to narrow the field
        if( contact instanceof Box2D.Dynamics.Contacts.b2PolyAndCircleContact) {
            // collision of circle to polygon
        }
    };

world.SetContactListener(contactListener);

---

看看，它是PyGame（著名的Python游戏库）的Javascript端口。它有精灵和精灵组的概念，并且有相当先进的碰撞检测。

无论如何，谢谢你的信息，SumWon。。让我检查一下……）我很好奇你对谷歌首个热门“碰撞检测js”的看法：