Определение столкновения прямоугольников

@kserksys · Регистрация: 20.04.2014

Author24 — интернет-сервис помощи студентам

Помогите определить столкновение прямоугольников,

CSS

<style>
#obj1{
    width:100;height:100px; background-color:black;
    position:absolute;top:200px; left:300px;
    z-index:2; opacity:0.6;
}
#obj2{
    width:100;height:100px; background-color:grey;
    position:absolute;top:100px; left:500px;
}
</style>

HTML5

1 2	<div id="obj1"></div> <div id="obj2"></div>

Javascript

<script>
 
var obj1 = document.getElementById('obj1');
var obj2= document.getElementById('obj2');
    obj1.onclick = function(){
                        obj1.style.left = 450+"px";
                        obj1.style.top = 120 +"px";
                        obj1.style.transition = 400+"ms";
                    if(сollision(obj1,obj2)!==false){alert('colision')}
                }
 
                
 
function сollision(obj1,obj2){
  var XColl=false;
  var YColl=false;
 
  if ((obj1.x + obj1.style.width >= obj2.x) && (obj1.x <= obj2.x + obj2.style.width)) XColl = true;
  if ((obj1.y + obj1.style.height >= obj2.y) && (obj1.y <= obj2.y + obj2.style.height)) YColl = true;
 
  if (XColl&YColl){return true;}
  return false;
}
 
</script>

	01.08.2014, 10:29