首页 > 其他 > 详细

碰撞检测实现

时间:2017-07-26 09:16:45      阅读:232      评论:0      收藏:0      [点我收藏+]

判断两个元素是否碰撞。

技术分享

在以下四种情况下两个元素是不会碰撞的:

1.元素1的底部 < 元素2的顶部

2.元素1的顶部 > 元素2的底部

3.元素1的左边 >元素2的右边

4.元素1的右边 < 元素2的左边

那么在不符合这四种情况的时候两个元素就是碰撞的。

function collision(obj1 , obj2){
      var T1 = obj1.offsetTop,
      B1 = T1 + obj1.offsetHeight,
      L1 = obj1.offsetLeft,
      R1 = L1 + obj1.offsetWidth;

     var T2 = obj2.offsetTop,
     B2 = T2 + obj2.offsetHeight,
     L2 = obj2.offsetLeft,
     R2 = L2 + obj2.offsetWidth;

    return !(R1 < L2 || B1 < T2 || L1 > R2 || T1 > B2);

 }

 

碰撞检测实现

原文:http://www.cnblogs.com/zhang-wang/p/7237689.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!