dynamicjs中的碰撞檢測+鼠標事件

Question

我試圖做一個數字 ，可以拖動 矩形對象 拖放 。

還有另一組矩形對象充當放置對象的容器-我已將它們添加到組中 。

1. 如何檢測 組/或任何框對象（存儲在數組中）與可拖動元素之間的沖突 。

一切都在單層中。

1. 同樣，當將可拖動元素放置在組框上時，它不會偵聽（分配給它的）鼠標懸停事件- 當另一個元素存在時，有一種方法可以將事件（mouseover，mouseout）委托給低級對象拖過去。

   box.on（“ mouseover”，function（e）{console.log（“ mouseover”）;}）;

謝謝。

Answer 1

1. 我相信KineticJS不支持它自己的沖突檢測，因此您必須編寫自己的函數。 這兩個SO問題是很好的起點：

   拖動碰撞

   HTML5 / dynamicJS getIntersection函數實現

2. 引用此問題的答案： 如何在拖動時啟動mouseover事件

   我們看到我們可以在KineticJS上進行類似的操作，並且該解決方案與創建自己的碰撞檢測功能緊密結合。 唯一的區別是，您可以計算每個形狀（在您的情況下為矩形）的4個角點坐標，而不是計算div上的點擊檢測坐標。 另外，可以使用getMousePos（）和以下事件（而不是編寫自己的拖動函數）：dragstart，dragend和mousemove來重寫小提琴示例中的代碼，並迎合您的動態矩形。