关于碰撞检测

在玩游戏的时候经常能看到2个物体相碰,然后作出判断,在js中我们如何能够知道2个物体是否相碰呢?今天就给大家介绍一下!

先画个图给大家看一下:

我们给每个div框都画了4条长表示它的距离,仔细观察我们可以发现当l2大于b1的时候div2在div1的右边无相碰,当b2小于l1的时候div2在div1的左边无相碰,上下方向同理。这四个条件只要有任意一个成立,两个div都是不相碰的!

具体代码如下:


需要的时候直接调用就可以了,是不是很简单呢?

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容