javascript中的动画，如何逐个发射子弹？

// 子弹对象构造函数
function Bullet(x, y, speed, direction) {
  this.x = x; // 子弹的初始x坐标
  this.y = y; // 子弹的初始y坐标
  this.speed = speed; // 子弹的速度
  this.direction = direction; // 子弹的方向
}

// 更新子弹的位置
Bullet.prototype.update = function() {
  // 根据速度和方向更新子弹的位置
  this.x += this.speed * Math.cos(this.direction);
  this.y += this.speed * Math.sin(this.direction);
};

// 绘制子弹
Bullet.prototype.draw = function() {
  // 使用Canvas绘制子弹
  // 示例代码省略
};

// 创建多个子弹对象
var bullets = [
  new Bullet(100, 100, 5, Math.PI / 4), // 子弹1
  new Bullet(200, 200, 3, Math.PI / 2), // 子弹2
  // 更多子弹对象...
];

// 使用定时器或requestAnimationFrame函数触发动画
function animate() {
  // 清空画布
  // 示例代码省略

  // 更新和绘制每个子弹
  bullets.forEach(function(bullet) {
    bullet.update();
    bullet.draw();
  });

  // 递归调用动画函数
  requestAnimationFrame(animate);
}

// 启动动画
animate();