搜索

首页  >  问答  >  正文

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

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

PHP中文网PHP中文网2776 天前549

全部回复(5)我来回复

  • PHP中文网

    PHP中文网2017-04-11 13:11:41

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

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-11 13:11:41

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

    回复
    0
  • 迷茫

    迷茫2017-04-11 13:11:41

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

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-11 13:11:41

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

    回复
    0
  • 天蓬老师

    天蓬老师2017-04-11 13:11:41

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

    回复
    0
  • 取消回复