Processing绘制连续线条时的逻辑错误排查求助

嘿，我之前做生成艺术项目时也踩过这个坑！咱们一步步来排查和解决：

最常见的原因：ArrayList被重复初始化 #

如果你把lines的初始化代码放在了draw()函数里，那每帧都会新建一个空的ArrayList，之前存的线段自然就丢了。必须把ArrayList的定义和初始化放在成员变量或者setup()里，确保它只被创建一次：

// 正确：把ArrayList定义为全局成员变量
ArrayList<PVector[]> lines;

void setup() {
  size(800, 600);
  // 只在setup里初始化一次
  lines = new ArrayList<PVector[]>();
  stroke(0);
}

void draw() {
  // 错误示例：绝对不能在这里初始化lines！
  // lines = new ArrayList<PVector[]>();
  
  // 生成新线段：这里假设从最后一段的终点开始延续
  PVector start;
  if (lines.isEmpty()) {
    // 初始起点，比如画布中心
    start = new PVector(width/2, height/2);
  } else {
    // 取最后一段的终点作为新起点
    start = lines.get(lines.size()-1)[1];
  }
  // 随机生成终点（你可以替换成自己的逻辑）
  PVector end = new PVector(start.x + random(-30, 30), start.y + random(-30, 30));
  
  // 把新线段存入ArrayList
  lines.add(new PVector[]{start, end});
  
  // 遍历绘制所有线段
  for (PVector[] segment : lines) {
    line(segment[0].x, segment[0].y, segment[1].x, segment[1].y);
  }
}

第二个可能：每帧清屏导致旧线段被覆盖 #

如果你的draw()开头加了background(xxx)，那每帧都会清空整个画布，之前画的线段会被擦掉。解决办法有两种：

方案1：去掉background() #

直接删掉draw()里的background()调用，这样每帧新画的线段会叠加在之前的画面上。但注意：如果线段数量过多，后期可能会有性能问题，且无法清除旧画面。

方案2：用PGraphics缓存绘制内容 #

如果需要保留背景或者追求更好的性能，可以用Processing的PGraphics作为缓存画布，把所有线段都画在缓存里，再把缓存显示到主窗口：

PGraphics lineCanvas;
ArrayList<PVector[]> lines;

void setup() {
  size(800, 600);
  // 创建缓存画布
  lineCanvas = createGraphics(width, height);
  lines = new ArrayList<PVector[]>();
  
  // 初始化缓存画布的样式
  lineCanvas.beginDraw();
  lineCanvas.background(255); // 缓存的背景色
  lineCanvas.stroke(0);
  lineCanvas.endDraw();
}

void draw() {
  // 生成新线段（逻辑和之前一样）
  PVector start = lines.isEmpty() ? new PVector(width/2, height/2) : lines.get(lines.size()-1)[1];
  PVector end = new PVector(start.x + random(-30,30), start.y + random(-30,30));
  lines.add(new PVector[]{start, end});
  
  // 把新线段画到缓存画布
  lineCanvas.beginDraw();
  lineCanvas.line(start.x, start.y, end.x, end.y);
  lineCanvas.endDraw();
  
  // 把缓存画布显示到主窗口
  image(lineCanvas, 0, 0);
}

最后检查：遍历ArrayList的逻辑是否正确 #

确认你在display()（或者draw()）里的遍历代码是遍历了整个ArrayList，而不是只取最后一个元素。比如别写成这样：

// 错误：只绘制最后一个线段
int lastIndex = lines.size()-1;
PVector[] lastSeg = lines.get(lastIndex);
line(lastSeg[0].x, lastSeg[0].y, lastSeg[1].x, lastSeg[1].y);

一定要用完整的循环遍历所有元素，比如增强for循环或者普通的for循环从0到lines.size()-1。

按照上面的步骤排查，应该就能解决旧线段不显示的问题啦！

内容的提问来源于stack exchange，提问作者Thomas Ayling