Javascript畫布碰撞側檢測

Question

嘿，我試圖讓畫布中的兩個對象碰撞的一面。以下是我用於碰撞檢測的內容，但它僅檢查碰撞，沒有特定的一面。

凡O1和O2是taht具有屬性的對象：

x - 在X軸上
y位置 - 位置在Y軸上
w - 矩形的寬度
h - 的高度矩形

var collidesWith = function (o2) { 
    var o1 = this; 
    if ((o1.y + o1.h) < o2.y) { 
     return 0; 
    } 
    if (o1.y > (o2.y + o2.h)) { 
     return 0; 
    } 
    if ((o1.x + o1.w) < o2.x) { 
     return 0; 
    } 
    if (o1.x > (o2.x + o2.w)) { 
     return 0; 
    } 
    return 1; 
}; 

編輯：下面的代碼我想出了有關元素的頂部碰撞檢測：

if (
    (o1.y - o1.dy >= o2.y) && 
    (o1.y - o1.dy <= o2.y + o2.h) && 
    (o1.x + o1.w >= o2.x) && 
    (o1.x <= o2.x + o2.w) 
) { 
    // We have collision at the top end 
} 

Answer 1

你需要雙條件 - 是這樣的：

if ((o1.y > o2.y) && (o1.y < o2.y + o2.h)) { 
    return 'top'; // o1's top border collided with o2's bottom border 
} 

爲相若方式等方面。