处理：椭圆鼠标跟随，没有重叠

Question

我是Processing的一个完整的初学者，并且尝试获取一行椭圆，以使其边缘接触但不重叠的方式遵循鼠标的路径。

我的第一个练习是使用一行来跟踪数组中的鼠标历史记录，注释掉的行也为每个索引添加了一个椭圆：

ArrayList <PVector> history;
float preX; 
float preY;

void setup() {
  size(1024, 1024);
  history = new ArrayList <PVector> ();
}

void draw() {
  background(255);

  for(int i=1; i<history.size(); i++){
    //ellipse(history.get(i).x, history.get(i).y, 50,50);

      PVector pointA = history.get(i-1);
      PVector pointB = history.get(i);
      line(pointA.x, pointA.y, pointB.x, pointB.y);
  }
}

void mouseDragged() {
  preX= mouseX;
  preY= mouseY;
  history.add(new PVector(mouseX,mouseY));
}

我认为我应该定义一个半径变量，并使用dist（）计算当前鼠标位置和沿鼠标历史记录绘制的最后一个椭圆之间的距离，然后使用if语句仅在该距离== radius *时绘制椭圆2，但是当我尝试将其转换为处理代码时会陷入困境。 谁能帮助我入门？ 我在其他地方找不到提示很麻烦-即使只是朝着正确的方向前进，也将不胜感激！

Answer 1

我认为我应该定义一个半径变量，并使用dist（）计算当前鼠标位置和沿鼠标历史记录绘制的最后一个椭圆之间的距离，然后使用if语句仅在该距离== radius *时绘制椭圆2

这听起来是一个非常好的计划。 我能给您的最好建议是将您的问题分解成较小的部分 ，然后一次处理。

例如，您可以从一个基本草图开始，该草图仅在某处显示一个硬编码的圆圈，然后打印出它与鼠标之间的距离吗？ 在此基础上。 您能否做到这一点，使圆圈通常为红色，但是当鼠标与圆圈有一定距离时变为绿色？ 现在您可以制作它，以便当它变成绿色时绘制一个新的圆圈吗？

提示：如果您检查距离是否完全等于半径，则只检查很小的一组位置，而鼠标可能不会那么精确。 相反，您可能要检查距离是否超出半径。 您可能会发现此冲突检测教程很有用。

Answer 2

void mouseDragged() {
  if(dist(preX,preY,mouseX,mouseY)>=50){
  float angle=atan2(mouseX-preX,mouseY-preY);
  preX+=sin(angle)*50;
  preY+=cos(angle)*50;
  history.add(new PVector(preX,preY));
  }
}