碰撞方法

最新推荐文章于 2024-05-23 21:15:10 发布

原创最新推荐文章于 2024-05-23 21:15:10 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

如何让两个物体相撞，可以用反向思路：找到如何绝对碰不上的。主要分为四种情况：以左边顶点为原点
1、蓝左>红右
在这里插入图片描述
2、蓝右<红左

3、蓝下<红上

4、蓝上>红下

代码

function knock(node1,node2){
               var l1 = node1.offsetLeft;
               var r1 = node1.offsetLeft + node1.offsetWidth;
               var t1 = node1.offsetTop;
               var b1 = node1.offsetTop + node1.offsetHeight;

               var l2 = node2.offsetLeft;
               var r2 = node2.offsetLeft + node2.offsetWidth;
               var t2 = node2.offsetTop;
               var b2 = node2.offsetTop + node2.offsetHeight;

               if(l2>r1 || r2<l1 || t2>b1 || b2<t1){
                   return false;
               }else{
                   return true;
               } 
           }