javascript - 自己做的一个flappy bird游戏，小鸟是一个div的背景图，有个碰撞检测时的小问题

Question

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

Answer 1

碰撞检测是个难点，有专门的算法，你可以先去查阅下资料

Answer 2

吧判断碰没碰到的 那个x方向的距离 减去边框到额头的距离 你觉得可行么

Answer 3

在p里面建一个碰撞判定用的稍小的p~~

Answer 4

其实以小鸟中心做圆心，实际碰撞判断用圆形比较好弄

Answer 5

截图的时候尽量切边截，特别是小鸟的顶部和前面，设置p宽高，背景的时候计算好宽高，让背景紧贴着顶部就可以了