javascript - 使用 Kinetic.js 为矩形创建拖放区域

Question

我正在创建一个“文字”游戏，目标是将一个 Angular 色(一个矩形)拖到正确的单词空间(另一个矩形)中，如果用户将一个 Angular 色放在错误的空间， Angular 色将返回到原来的位置点。

在拖动过程中，我想检测对象是否在单词空间上以对比它。如果用户放下它，将字符插入正确的位置...

我如何检测用户是否将 Angular 色放置在正确的位置？碰撞检测？是否有任何事件来检测一个对象是否在另一个对象之上？

我只需要引导线来检测它。

Answer 1

也许您想要的是 getIntersections() 方法 ( docs )，它将返回特定点下方的形状。

您可以使用它来构建您自己的碰撞检测，即在字符矩形的每个 Angular 上调用 getIntersections() 并查看您撞到了什么形状。