javascript - 对象与 Canvas 上对象矩阵之间的碰撞

Question

我有一个矩形和一个矩形矩阵。
我想检查矩阵中的哪个矩形与单个矩形碰撞最多，并更改其位置以适合矩阵的矩形。
这就是我的矩形的表示方式

{
 x: X,
 y: Y,
 width: WIDTH,
 height: height
}

该矩阵只是一个简单的矩形数组 (9)。正如您在下图中看到的，矩形可以适合 9 个正方形位置中的任何一个，问题是我不知道如何计算矩形与哪个正方形碰撞最多。
非常感谢。我会感谢任何答案。

Answer 1

“最填充”的单元格是其中心点最接近矩形5的中心点的单元格。

您可以计算任何单元格和矩形5个中心点之间的距离，如下所示:

var dx=rect5CenterX-cellCenterX;
var dy=rect5CenterY-cellCenterY;
var distance=Math.sqrt(dx*dx+dy*dy);

距离最短的单元格是填充最多的单元格。