p5.js圆形碰撞效果失效求助：按教程编写代码未实现预期移动

核心问题 #

你的代码存在两个关键问题导致敌人圆形无法移动：

1. 变量初始化位置错误
   你在绘制循环（draw()函数）内部初始化playerPos和enemyPos1，这意味着每次Processing刷新画面时，敌人的位置都会被重置为width * 0.8, height / 2，之前enemyPos1.x++的修改会被直接覆盖，自然看不到移动效果。

2. 语法错误
   enemyPos1.x++语句末尾缺少分号，Processing基于Java语法，要求语句必须以分号结尾，这个错误会导致代码无法正确编译执行。

修正后的代码 #

// 在setup()里初始化位置，只执行一次
PVector playerPos;
PVector enemyPos1;

void setup() {
  size(800, 600);
  playerPos = createVector(width * 0.2, height / 2, 60);
  enemyPos1 = createVector(width * 0.8, height / 2, 40);
}

void draw() {
  background(255); // 每次绘制前清空画布，避免残影
  
  float d = dist(playerPos.x, playerPos.y, enemyPos1.x, enemyPos1.y);
  
  circle(playerPos.x, playerPos.y, playerPos.z);
  circle(enemyPos1.x, enemyPos1.y, enemyPos1.z);
  
  // 碰撞检测与移动修正
  if (d < playerPos.z/2 + enemyPos1.z/2) {
    enemyPos1.x++; // 添加分号
    // 可选：让敌人向远离玩家的方向移动，更符合碰撞逻辑
    // PVector direction = PVector.sub(enemyPos1, playerPos).normalize();
    // enemyPos1.add(direction.mult(2));
  }
}

关键说明 #

• 将位置变量的初始化移到setup()函数中，确保只在程序启动时设置一次初始位置，后续draw()循环中只会更新位置而非重置。
• 补全语句末尾的分号，保证语法正确。
• 添加background(255)清空画布，避免每次绘制留下上一帧的圆形残影。
• 如果需要更真实的碰撞反弹效果，可以计算敌人相对于玩家的方向向量，让敌人沿着远离玩家的方向移动，而非单纯的x++。

内容的提问来源于stack exchange，提问作者Oliver Riddle