P5：如何找到与特定精灵发生碰撞

在 P5.js 中，可以使用 collideRectRect() 函数来检测两个矩形是否发生碰撞。以下是一个示例代码，展示如何使用该函数来检测特定精灵（矩形）是否与其他精灵（矩形）发生碰撞。

let sprite1;
let sprite2;

function setup() {
  createCanvas(400, 400);
  
  // 创建第一个精灵
  sprite1 = createSprite(200, 200, 50, 50);
  
  // 创建第二个精灵
  sprite2 = createSprite(300, 300, 50, 50);
}

function draw() {
  background(220);
  
  // 移动第一个精灵
  sprite1.position.x = mouseX;
  sprite1.position.y = mouseY;
  
  // 检测碰撞
  if(collideRectRect(sprite1.position.x, sprite1.position.y, sprite1.width, sprite1.height, sprite2.position.x, sprite2.position.y, sprite2.width, sprite2.height)){
    // 如果发生碰撞，改变第二个精灵的颜色
    sprite2.shapeColor = color(255, 0, 0);
  } else {
    // 如果没有发生碰撞，恢复第二个精灵的默认颜色
    sprite2.shapeColor = color(0, 255, 0);
  }
  
  // 绘制精灵
  drawSprites();
}

在上面的示例代码中，我们使用 collideRectRect() 函数来检测 sprite1 和 sprite2 是否发生碰撞。如果发生碰撞，我们将改变 sprite2 的颜色为红色；如果没有发生碰撞，我们将 sprite2 的颜色恢复为默认的绿色。