如何在p5.js中将碰撞命中框添加到矩形(和我的播放器)？

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  rect(50, 50, 200, 100); // 绘制矩形
}

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);

  // 绘制矩形
  rect(50, 50, 200, 100);

  // 计算命中框的位置和大小
  let hitX = 100; // 命中框的x坐标
  let hitY = 80; // 命中框的y坐标
  let hitWidth = 50; // 命中框的宽度
  let hitHeight = 20; // 命中框的高度

  // 检测碰撞
  if (collideRectRect(hitX, hitY, hitWidth, hitHeight, 50, 50, 200, 100)) {
    // 如果发生了碰撞，绘制命中框
    stroke(255, 0, 0); // 设置命中框的边框颜色为红色
    noFill(); // 不填充命中框的内部
    rect(hitX, hitY, hitWidth, hitHeight); // 绘制命中框
  }
}