如何计算旋转矩形的碰撞

Question

我尝试计算旋转矩形边缘的碰撞。

这是一个关于 jsFiddle 的例子：http://jsfiddle.net/XgHxx/

类似这样的：

if( mask.x < img.x * rotate_Factor ) mask.x = img.x * rotate_Factor ;

如您所见，我的碰撞仅适用于未旋转的图像。 而且我希望矩形即使在旋转时也位于图像内部。

谢谢，莫滕曼。

ps.：我举了一个例子来说明我认为它是如何计算的：

Answer 1

从我薄弱的数学头脑中思考，您可以通过找出蒙版的任何角点是否包含在图像的边界线中来检查。

您可以通过计算图像的线方程（基于其位置）来做到这一点，然后检查蒙版的任何角点是否位于任何边界上，然后停止框的移动角点撞击边界的方向。

只有几个数学公式。

在 jquery 中可能有更好的方法来执行此操作，但上述解决方案不需要任何库:)

Answer 2

好像已经回答过了：看这个问题How to check intersection between 2 rotated rectangles?，还有一个回答提供了JS实现。