Processing初学者求助：mousePressed中newCloud对象创建代码修复

你的核心问题是Processing不支持你写的int newCloud {xpos: mouseX;...}这种对象字面量语法，而且代码里还有几个其他问题导致功能失效，下面是完整的修正方案：

关键错误说明 #

1. Processing没有类似JS的对象字面量写法，要存储带属性的云朵，得用自定义类或者数组（类的写法更清晰）
2. 你声明的int[] clouds是整数数组，无法存储多属性的云朵对象，应该用ArrayList动态列表来实现
3. draw函数里调用的cloud()和你定义的makeCloud()函数名不匹配
4. setup里没初始化clouds列表，会直接触发空指针异常
5. 用int存储位置的话，0.5的移动增量会被截断，导致移动效果失效，得改用float类型

修正后的完整代码 #

// 自定义Cloud类，封装云朵的位置属性
class Cloud {
  float xpos;
  float ypos;
  
  // 构造函数，初始化云朵位置
  Cloud(float x, float y) {
    xpos = x;
    ypos = y;
  }
}

// 用ArrayList存储云朵实例，支持动态添加新元素
ArrayList<Cloud> clouds;

void setup() {
  size(600, 600);
  clouds = new ArrayList<Cloud>(); // 初始化列表
}

void draw() {
  background(100);
  // 倒序遍历列表，避免移除元素后索引错乱
  for (int i = clouds.size() - 1; i >= 0; i--) {
    Cloud currentCloud = clouds.get(i);
    // 调用正确的云朵绘制函数
    makeCloud(currentCloud.xpos, currentCloud.ypos);
    // 更新云朵位置，float类型保留小数增量
    currentCloud.xpos += 0.5;
    currentCloud.ypos += random(-0.5, 0.5);
    // 移除完全超出屏幕的云朵
    if (currentCloud.xpos > width + 35) { // 35是云朵半宽，确保完全移出再删除
      clouds.remove(i);
    }
  }
}

// 云朵绘制函数
void makeCloud(float x, float y){
  fill(250);
  noStroke();
  ellipse(x, y, 70, 50);
  ellipse(x + 10, y + 10, 70, 50);
  ellipse(x - 20, y + 10, 70, 50);
}

// 鼠标点击生成云朵
void mousePressed() {
  // 创建Cloud实例，传入当前鼠标位置
  Cloud newCloud = new Cloud(mouseX, mouseY);
  // 将新云朵添加到列表中
  clouds.add(newCloud);
}

核心修改点解释 #

• 自定义Cloud类：把云朵的x、y位置封装成类的属性，方便统一管理和更新状态
• 改用ArrayList：动态列表可以随时添加新的云朵实例，比固定长度的数组更适合这种需要动态生成元素的场景
• mousePressed的正确写法：通过new Cloud(mouseX, mouseY)创建云朵实例，再用add()方法加入列表（原代码的push()是普通数组的方法，ArrayList使用add()）
• 倒序遍历：当删除列表元素时，正序遍历会跳过后续元素，倒序遍历能避免这个问题
• float类型存储位置：保证0.5的移动增量生效，不会被int类型截断为0

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