javascript - 自己做的一个flappy bird游戏，小鸟是一个div的背景图，有个碰撞检测时的小问题
我是用一个p来当做小鸟，这个p的背景图是一个小鸟的图片，然后我根据这个p的宽高来检测与烟囱是否接触到，但是这个背景图小鸟并不是正方形，有时会出现p实际是碰到了烟囱，但是我们实际看到的小鸟是没有碰到的有一点距离，如何所示
图中小鸟所在p是已经碰到了烟囱，但是由于小鸟的形状的原因，他的额头那里我们看到的是没碰到的，这个谁有思路怎么解决？
我是用一个p来当做小鸟，这个p的背景图是一个小鸟的图片，然后我根据这个p的宽高来检测与烟囱是否接触到，但是这个背景图小鸟并不是正方形，有时会出现p实际是碰到了烟囱，但是我们实际看到的小鸟是没有碰到的有一点距离，如何所示图中小鸟所在p是已经碰到了烟囱，但是由于小鸟的形状的原因，他的额头那里我们看到的是没碰到的，这个谁有思路怎么解决？
