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

Question

我正在尝试创建一个带有三角形的加载随机背景。但是我正在尝试排除任何冲突以及是否有撤销createDiamond()函数的情况。

我尝试了以下{@ 3}}

中的各种功能

这是我当前的代码：Javascript: Collision detection 我当前的碰撞代码是：

    {
    (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)
    }