Processing点击图像复制实现及苍蝇拍游戏Bug修复技术求助

要实现点击图像就复制它的功能，咱们可以从「图像实例管理+点击命中检测」这两个核心点入手，给你整理了清晰的步骤和可直接运行的示例代码：

1. 封装图像实例：用自定义类把图像和它的位置绑定，方便后续管理和检测点击
2. 维护图像列表：用ArrayList存储所有需要绘制的图像（包括原始和复制出来的）
3. 点击命中检测：在鼠标点击事件里判断坐标是否落在目标图像范围内
4. 复制并添加新图像：命中后生成新的图像实例，给它分配偏移/随机位置加入列表

示例代码：

PImage originalImg;
ArrayList<ImgInstance> images = new ArrayList<>();

// 封装图像和位置的自定义类
class ImgInstance {
  PImage img;
  float x, y;
  
  ImgInstance(PImage img, float x, float y) {
    this.img = img;
    this.x = x;
    this.y = y;
  }
  
  void draw() {
    image(img, x, y);
  }
  
  // 检测鼠标是否点击到当前图像
  boolean isClicked(float mx, float my) {
    return mx > x && mx < x + img.width && my > y && my < y + img.height;
  }
}

void setup() {
  size(800, 600);
  originalImg = loadImage("your-image.png"); // 替换成你的图像路径
  // 初始化添加第一个图像
  images.add(new ImgInstance(originalImg, width/2, height/2));
}

void draw() {
  background(255);
  // 绘制所有图像
  for (ImgInstance imgInst : images) {
    imgInst.draw();
  }
}

void mousePressed() {
  // 遍历检查每一个图像是否被点击
  for (int i = 0; i < images.size(); i++) {
    ImgInstance inst = images.get(i);
    if (inst.isClicked(mouseX, mouseY)) {
      // 生成新的图像实例，位置随机偏移
      float newX = random(width - originalImg.width);
      float newY = random(height - originalImg.height);
      images.add(new ImgInstance(originalImg, newX, newY));
      break; // 只复制被点击的那一个，找到后就退出循环
    }
  }
}

如果需要对复制的图像做独立修改（比如缩放、旋转），可以用originalImg.copy()生成独立副本，避免修改影响所有实例。

哈哈，这个小bug我以前做类似游戏的时候也踩过！你遇到的「点击一次生成多只苍蝇」和「点拍扁的苍蝇也触发生成」，本质是没给苍蝇加状态标记，而且碰撞检测的循环逻辑没控制好触发次数。下面给你针对性的修复方案：

第一步：给苍蝇添加状态标记 #

先创建一个Fly类，封装苍蝇的图像、位置和存活状态，从根源区分“活苍蝇”和“拍扁的苍蝇”：

class Fly {
  PImage aliveImg;
  PImage squashedImg;
  float x, y;
  boolean isAlive; // 核心：标记苍蝇是否存活

  Fly(PImage alive, PImage squashed) {
    aliveImg = alive;
    squashedImg = squashed;
    resetPosition(); // 初始化随机位置
    isAlive = true;
  }

  void draw() {
    // 根据状态绘制对应图像
    if (isAlive) {
      image(aliveImg, x, y);
    } else {
      image(squashedImg, x, y);
    }
  }

  // 只检测存活苍蝇的点击
  boolean isClicked(float mx, float my) {
    if (!isAlive) return false; // 拍扁的苍蝇直接跳过检测
    return mx > x && mx < x + aliveImg.width && my > y && my < y + aliveImg.height;
  }

  // 重置位置并恢复存活状态（用于生成新苍蝇）
  void resetPosition() {
    x = random(width - aliveImg.width);
    y = random(height - aliveImg.height);
    isAlive = true;
  }

  // 拍扁苍蝇的方法
  void squash() {
    isAlive = false;
  }
}

第二步：修改碰撞检测逻辑 #

调整你的碰撞检测代码，确保一次点击只触发一次生成，并且只对活苍蝇生效：

Fly[] flies;
PImage flyAlive, flySquashed;

void setup() {
  size(800, 600);
  flyAlive = loadImage("fly-alive.png"); // 替换成你的活苍蝇图像
  flySquashed = loadImage("fly-squashed.png"); // 替换成你的拍扁苍蝇图像
  // 初始化1只苍蝇（可根据需求调整数量）
  flies = new Fly[1];
  flies[0] = new Fly(flyAlive, flySquashed);
}

void draw() {
  background(255);
  // 绘制所有苍蝇
  for (Fly fly : flies) {
    fly.draw();
  }
}

void collisionDetect() {
  boolean clickedAliveFly = false;
  // 遍历找到被点击的活苍蝇
  for (int i = 0; i < flies.length; i++) {
    Fly fly = flies[i];
    if (fly.isClicked(mouseX, mouseY)) {
      fly.squash(); // 拍扁该苍蝇
      clickedAliveFly = true;
      break; // 找到目标后立即退出循环，避免重复触发
    }
  }
  // 只有点击到活苍蝇时，才生成新苍蝇
  if (clickedAliveFly) {
    // 方案1：替换被拍扁的苍蝇（保持苍蝇数量不变）
    for (int i = 0; i < flies.length; i++) {
      if (!flies[i].isAlive) {
        flies[i].resetPosition();
        break;
      }
    }
    // 方案2：添加新苍蝇（数量递增）
    // Fly[] newFlies = new Fly[flies.length + 1];
    // arrayCopy(flies, newFlies);
    // newFlies[flies.length] = new Fly(flyAlive, flySquashed);
    // flies = newFlies;
  }
}

// 把碰撞检测放到鼠标点击事件里，避免每帧重复检测
void mousePressed() {
  collisionDetect();
}

关键修复点 #

• 状态区分：用isAlive变量彻底隔离活苍蝇和拍扁的苍蝇，点击拍扁的不会触发任何操作
• 单次触发：用clickedAliveFly标记+循环break，确保一次点击只生成一只新苍蝇
• 事件时机：把碰撞检测从draw()移到mousePressed()，只有点击时才执行，避免重复检测导致的异常生成

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