p5js移动圆碰撞检测

let circle1, circle2;

function setup() {
  createCanvas(400, 400);
  
  // 初始化圆的属性
  circle1 = {
    x: 100,
    y: 200,
    radius: 50,
    speedX: 2,
    speedY: 1,
    color: 'red'
  };
  
  circle2 = {
    x: 300,
    y: 200,
    radius: 30,
    speedX: -1,
    speedY: -2,
    color: 'blue'
  };
}

function draw() {
  background(220);
  
  // 绘制圆
  fill(circle1.color);
  ellipse(circle1.x, circle1.y, circle1.radius * 2);
  
  fill(circle2.color);
  ellipse(circle2.x, circle2.y, circle2.radius * 2);
  
  // 更新圆的位置
  circle1.x += circle1.speedX;
  circle1.y += circle1.speedY;
  
  circle2.x += circle2.speedX;
  circle2.y += circle2.speedY;
  
  // 碰撞检测
  let distance = dist(circle1.x, circle1.y, circle2.x, circle2.y);
  if (distance < circle1.radius + circle2.radius) {
    // 发生碰撞，处理碰撞逻辑
    circle1.color = 'green';
    circle2.color = 'yellow';
  } else {
    // 未发生碰撞，恢复原始颜色
    circle1.color = 'red';
    circle2.color = 'blue';
  }
}