hoping someone can help me with this.
I'm trying to create a game where balloons get popped by bullet.
Sort of similar to balloons tower defence. My only problem is that the frames are drawn every 60 seconds and each loop happens once per 60 seconds meaning that the bullet getting removed happens before the balloons change.
So far I've got:

1. Bullet is fired.
2. Bullets checks whether it has hit a balloon.
3. If hit remove bullet and change blue balloon to red balloon.

This would be easier if there was some way of checking which bullet collides with which balloon but as far as I can tell through the P5.Play reference theres no way to do this.
Sorry if this is stupid question I feel like I've been stuck on this issue for ages :(
Thanks for the help!
Code:

Bullets:

```
  function bulletTime() {
    bullet = createSprite(player.position.x, player.position.y, 3, 10);
    bullet.setSpeed(4, 270);
    bullet.setCollider("rectangle", 0, -2, 3, 10);
    bullet.debug = true;
    bullet.addToGroup(bullets);
  }
  // deletes bullets when they leave the screen prevents memory overload
  function bulletDelete(){
    for (i = 0; i < bullets.length; i++) {
      if (bullets[i].overlap(balloons)){
        bullet2 = createSprite(bullets[i].position.x, bullets[i].position.y+3, 3, 10);
        bullet2.addToGroup(bullets2);
        bullets[i].remove();
        setTimeout(bullet2.remove(),10);
      }
    }
  }

```

Balloons:

```
// pops Balloons 
function popBalloon(){
  for (i = 0; i < balloons.length; i++) {
    if (balloons[i].overlap(bullets2)) {
      if (balloonsRed.contains(balloons[i])){
        balloons[i].addImage("redPop",redPop);
        balloons[i].changeAnimation("redPop");
        balloons[i].remove();
        score += 100;
      }

      if (balloonsBlue.contains(balloons[i]) ){
        balloons[i].addImage("redBalloon",redBalloon);
        balloons[i].changeAnimation("redBalloon");
        balloons[i].addToGroup(recentlyHit);
      }
    }
  }
}

```