キャラクターとボーダーの衝突を検出していないゲーム

Question

キャラクターがボーダーと衝突したときに、すべての衝突が発生しています。

left = 10; 
var reLeft = {'left':left + "px"}; 
$('#char').css(reLeft); 
top = 10; 
var reTop = {'top':top + "px"}; 
$('#char').css(reTop); 

しかし、文字がそれと衝突したとき、それは何もしない：私はキャラクターが、私は彼のコードを使用することになり、境界と衝突したときの文字が、産卵再したいです。

注：コードの詳細を知りたい場合は、torin.eschweb.comにアクセスしてCtrl + Uをクリックするとコードが表示されます。 。

Answer 1

checkCollision関数では、プレーヤーが画面外になっている場合にチェックを追加する必要があります。

これを関数の最後に追加すると、私が何を参照しているのかがわかります。

 if($('#char').offset().top < 0 || $('#char').offset().top > window.innerHeight || $('#char').offset().left < 0 || $('#char').offset().left > window.innerWidth){ 
     console.log('Off Screen'); 
    } 

これは、画面外のものがあるかどうかを検出できる機能にすることをお勧めします。

私が示した例では、オフセットを考慮していません。私はできるだけシンプルにしています。