基于javascript实现碰撞检测

本文实例为大家分享了javascript实现碰撞检测的具体代码，供大家参考，具体内容如下

#div1 {width:100px; height:100px; background:red; position:absolute; z-index:2;}
#div2 {width:100px; height:100px; background:yellow; position:absolute; left:230px; top:220px; z-index:1;}





 

碰撞检测原理图如上：

我们检测碰撞时，发现两个div碰上检测比没碰上的检测要难，所以以没碰上作为检测条件。画上九宫格，当红色div在黄色div左边线或是右边线或是上边线或是下边线外时是永远不可能碰上的，只要这四个条件都不满足，意味着两个div相撞了，将黄块变绿。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。