kineticjs停止拖动到与另一个重叠的形状

Question

我有两个可拖动的形状组。

当拖动蓝色组时，它不应与黄色组重叠。

继承人的小提琴http://jsfiddle.net/bittu4u4ever/3Kprr/

我试着做一些getIntersections但我真的在kinetic.js一个小白。

Answer 1

你可能会认为getIntersections（）会让你碰撞对象，我也这么认为，但事实并非如此。它只给出容器的相交的儿童（不是全部）对象。

您可以在矩形和/或组上运行碰撞检测逻辑。 以下链接是如何检测矩形上的碰撞。拖动矩形时，您可以将其应用到代码中。

Fast rectangle to rectangle intersection

这里是我的我是怎样判断两个矩形与KineticJS碰撞的功能。

var isRectCollide = function(rect1, rect2) { 
    if (rect1.x - rect1.width >= rect2.x + rect2.width && 
     rect1.y - rect1.height >= rect2.y + rect2.height && 
     rect1.x + rect1.width <= rect2.x + rect2.width && 
     rect1.x + rect1.height <= rect2.y - rect2.height) 
     return false; 
    else 
     return true; 
} 

您可能已经知道这一点，但万一;

1. 组没有宽度/高度，组中的形状。
2. 组中的形状确实有x/y，但相对于组。

希望它可以帮助