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，但相對於組。

希望它可以幫助