Divヒット検出

Question

私はjavascriptでヒット検出の支援が必要です。私は多くのスクリプトを試しましたが、それらはすべて動作しません。
私の現在のコード：

function collision($div1, $div2) { 
// nothing, this is where my collision detection needs to be 
} 

私のdivに：divの文字が衝突した場合

<style> 
/* CSS */ 
/* character */ 
#character { 
    position:absolute; 
} 

/* masses */ 
#bluemass { 
    position:absolute; 
} 
</style> 
<center> 
<div class="bluemass" id="bluemass"> 
    <img src='./pic/bluemass.png' height='35' width='35' /> 
</div> </center> 
<div class="character" id="character"> 

<img src="./pic/char.png" alt="info" height="90" width="90" /> 

<br> 

<? 

    $v = $_GET["username"]; 

    echo "<div style ='font:21px/21px Courier,tahoma,sans-serif;'>$v</div>"; 

?> 



<? 

    echo "<div style ='font:21px/21px Courier,tahoma,sans-serif;'>$mass</div>"; 

?> 
</div> 

どのように検出するであろう/ DIVのbluemassと重なっ？事前にありがとう、this私のテストサイトです。あなたが好きな何かを始めることができます

Answer 1

：私はあなたがおそらくページ余白/パディングの/ etcのような特定の他のもののために別途考慮する必要があり知っているので、私は完全なソリューションこれを呼び出すことはありません

function collision($div1, $div2) { 

// 
var rect1={ 
    "top":$div1.offset().top, 
    "left":$div1.offset().left, 
    "width":$div1.offset().width(), 
    "height":$div1.offset().height() 
}; 
var rect2={ 
    "top":$div2.offset().top, 
    "left":$div2.offset().left, 
    "width":$div2.offset().width(), 
    "height":$div2.offset().height() 
}; 

// Standard rect-overlap checking code here 

} 

が、うまくいけば、これはあなたを始めさせるでしょう。