Processing中如何实现多张图片独立淡入淡出并随机循环显示

不存在技术实现障碍，之前定时逻辑和淡入淡出冲突的核心原因是你把切图控制、动画控制拆成了两套独立的全局定时逻辑，没有把淡入淡出的状态绑定到单张图片的实例生命周期上。
不需要复杂的多定时器调度，按下面的逻辑实现即可完全满足需求：

• 单张图片总生命周期固定为10秒：前5秒淡入（透明度从0线性升至255），后5秒淡出（透明度从255线性降至0），透明度值完全由实例自身的存活时长计算，不需要额外全局定时器控制
• 全局仅维护一个存储当前正在显示图片的列表，每0.5秒往列表中新增一个随机选中的图片实例
• 每帧遍历列表更新所有实例的位置、透明度，透明度降到0的实例直接从列表移除，避免无效内存占用
• 不要用delay()阻塞渲染线程，Processing默认运行帧率为60帧/秒，直接用全局帧计数计算时间间隔即可：0.5秒对应30帧，5秒对应300帧

PImage[] flowers = new PImage[40];
ArrayList<Bubble> activeBubbles = new ArrayList<Bubble>();
int spawnInterval = 30; // 新图生成间隔：30帧=0.5秒
int fadeInDuration = 300; // 淡入时长：300帧=5秒
int fadeOutDuration = 300; // 淡出时长：300帧=5秒

void setup() {
  size(1400, 800);
  for (int i = 0; i < flowers.length; i++) {
    flowers[i] = loadImage(i + ".png");
  }
  background(255);
}

void draw() {
  background(255, 20); // 保留轻微拖影效果，不需要拖影把alpha值改为255即可
  // 到达间隔生成新的随机图片
  if (frameCount % spawnInterval == 0) {
    int randomIndex = int(random(flowers.length));
    activeBubbles.add(new Bubble(flowers[randomIndex], random(width), 200));
  }
  // 倒序遍历更新所有活跃图片，避免移除元素时的索引错乱
  for (int i = activeBubbles.size() - 1; i >= 0; i--) {
    Bubble current = activeBubbles.get(i);
    current.update();
    current.display();
    if (current.isDead()) {
      activeBubbles.remove(i);
    }
  }
}

class Bubble {
  PImage img;
  float x;
  float y;
  int livedFrames;
  int totalLifespan = fadeInDuration + fadeOutDuration;

  Bubble(PImage tempImg, float tempX, float tempY) {
    img = tempImg;
    x = tempX;
    y = tempY;
    livedFrames = 0;
  }

  void update() {
    livedFrames++;
    y--; // 保留原有向上漂浮的效果，不需要可删除该行
  }

  void display() {
    imageMode(CENTER);
    float currentAlpha;
    // 按存活帧数计算当前透明度
    if (livedFrames <= fadeInDuration) {
      currentAlpha = map(livedFrames, 0, fadeInDuration, 0, 255);
    } else {
      currentAlpha = map(livedFrames, fadeInDuration, totalLifespan, 255, 0);
    }
    tint(255, currentAlpha);
    // 如果需要保留原有青色调，把上面一行替换为 tint(0, 150, 150, currentAlpha);
    image(img, x, y);
    noTint();
  }

  boolean isDead() {
    return livedFrames >= totalLifespan;
  }
}

• 调整spawnInterval的值可以修改相邻图片出现的间隔，数值越小新图出现越频繁
• 调整fadeInDuration、fadeOutDuration可以分别修改淡入、淡出的时长
• 调整update()方法里y--的数值可以修改图片向上漂浮的速度，改为0就是固定位置显示
• 所有图片的动画完全独立计算，不会出现逻辑冲突，程序可以永久连续运行不会出现内存泄漏

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