javascript九宫格碰撞检测

Posted 2020-07-25 笑花大王

JS九宫格碰撞检测这个东西 以前学过  这次主要是做面试项目web版的win10 桌面图片需要用碰撞检测 再写的时候竟然完全忘记了碰撞检测原理 和怎么写 综合来说还是写的太少  今天再学了一下 理解了 再写个博客

JS九宫格碰撞检测九宫格碰撞检测教程。

链接：http://pan.baidu.com/s/1nuKFEBn 密码：mtc3

JS九宫格碰撞检测函数完整版

 1 function pengzhuang(obj1,obj2){

 2     var l1=obj1.offsetLeft; 
 3     var r1=obj1.offsetLeft+obj1.offsetWidth;
 4     var t1=obj1.offsetTop;
 5     var b1=obj1.offsetTop+obj1.offsetHeight;
 6 
 7     var l2=obj2.offsetLeft;
 8     var r2=obj2.offsetLeft+obj2.offsetWidth;
 9     var t2=obj2.offsetTop;
10     var b2=obj2.offsetTop+obj2.offsetHeight;
11 
//左排除||右排除||上排除||下排除
12     if(r1<l2||l1>r2||b1<t2||t1>b1){
13         return false
14     }else{
15         return true;
16     }
17 }