processing粒子拖尾效果

要实现 Processing 中的粒子拖尾效果，可以使用类似于拖尾效果的方法，只不过在这个方法中需要让每个粒子都有自己的路径。以下是一个简单的示例代码：

class Particle {
  float x, y;           // 粒子的位置
  float vx, vy;         // 粒子的速度
  float[] pathX, pathY; // 粒子的路径
  int pathIndex;        // 粒子当前位置在路径中的索引
  
  Particle(float x, float y) {
    this.x = x;
    this.y = y;
    vx = random(-1, 1);
    vy = random(-1, 1);
    pathX = new float[50];
    pathY = new float[50];
    pathIndex = 0;
  }
  
  void update() {
    // 更新粒子的位置
    x += vx;
    y += vy;
    
    // 将当前位置加入路径中
    pathX[pathIndex] = x;
    pathY[pathIndex] = y;
    pathIndex++;
    
    // 当路径长度超过一定值时，删除路径中的第一个元素
    if (pathIndex >= 50) {
      for (int i = 0; i < pathIndex-1; i++) {
        pathX[i] = pathX[i+1];
        pathY[i] = pathY[i+1];
      }
      pathIndex--;
    }
  }
  
  void draw() {
    // 绘制粒子的路径
    for (int i = 0; i < pathIndex; i++) {
      float alpha = map(i, 0, pathIndex, 0, 255);
      stroke(255, alpha);
      float px = lerp(pathX[i], pathX[pathIndex-1], 1.0/50*(pathIndex-i));
      float py = lerp(pathY[i], pathY[pathIndex-1], 1.0/50*(pathIndex-i));
      point(px, py);
    }
    
    // 绘制粒子
    noStroke();
    fill(255);
    ellipse(x, y, 10, 10);
  }
}

ArrayList<Particle> particles;

void setup() {
  size(600, 400);
  particles = new ArrayList<Particle>();
}

void draw() {
  background(0);
  
  // 添加新的粒子
  if (frameCount % 5 == 0) {
    particles.add(new Particle(random(width), random(height)));
  }
  
  // 更新和绘制粒子
  for (int i = particles.size()-1; i >= 0; i--) {
    Particle p = particles.get(i);
    p.update();
    p.draw();
    if (p.pathIndex == 0) {
      particles.remove(i);
    }
  }
}

在这个示例代码中，我们定义了一个 `Particle` 类，用于表示每个粒子，其中包括粒子的位置、速度、路径等信息。我们使用 `ArrayList` 来存储所有的粒子，每隔一定时间就添加一个新的粒子。在 `draw()` 函数中，我们遍历所有的粒子，更新粒子的位置和路径，然后绘制粒子和路径。当粒子的路径长度为 0 时，我们就将该粒子从 `ArrayList` 中删除。