如何计算旋转矩形的碰撞

Question

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

以下是关于jsFiddle的示例：http://jsfiddle.net/XgHxx/

这样的事情：

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

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

谢谢，Mottenmann。

ps：我举了一个例子，说明我认为如何计算：

Answer 1

看起来它已经得到了回答：看到这个问题How to check intersection between 2 rotated rectangles?，还有一个提供JS实现的答案。

Answer 2

从我脆弱的数学思维中思考，您可以通过查看图像的边界线是否包含蒙版的任何角点来检查。

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

只是几个数学公式。

在jquery中可能有更好的方法，但是上面的解决方案不需要任何库：）