JavaScript冲突检测不适用于简单矩形

Question

我正在尝试创建一个带有三角形的负载随机背景。 但是我试图排除任何冲突，如果有的话，请撤销createDiamond()函数。

我使用以下各种功能进行了尝试： Javascript：碰撞检测

这是我当前的代码： https : //codepen.io/mikeyhaklander/pen/OeONOz我当前的碰撞代码是：

    {
    (x <= cx && x + size >= cx && y <= cy && y + size >= cy) 
 || (x <= cx + cSize && x + size >= cx + cSize && y <= cy && y + size >= cy) 
 || (x <= cx && x + size >= cx && y <= cy + cSize && y + size >= cy + cSize) 
 || (x <= cx + cSize && x + size >= cx + cSize && y <= cy + cSize && y + size >= cy + cSize)
    }

刷新代码笔时，您有时仍会看到它碰撞。

Answer 1

搞定了我自己。 我使用错误的尺寸进行计算。 在css中，我使用了更大的尺寸，然后使用JavaScipt给出了对象。 然后，我使用以下公式纠正了碰撞：

if ( x < cx + cSize && x + size > cx && y < cy + cSize && y + size > cy ) {
      return createDiamond(diamondArray, bgHeight, parent)
    }