processing 运用mouseClicked，实现：有一个随着鼠标移动而移动的颜色不断变化的圆形，每次点击鼠标，可以定格下当前圆形的状态的新的圆形。

在Processing语言中，你可以通过监听`mouseClicked`事件和处理鼠标的实时位置以及颜色的变化来实现这个动态效果。以下是简单的步骤：

1. **导入所需库**:
首先，确保你已经导入了P5.js库，因为Processing的核心库p5.js包含了许多图形处理功能。

import processing.core.*; // 导入P5核心库

2. **创建Sketch**:
创建一个新的Sketch，并初始化画布尺寸和一些变量（如圆形的位置、大小和初始颜色）。

void setup() {
  size(400, 400); // 设置窗口大小
  background(255); // 背景色
  noStroke(); // 点击后不画边框
}

3. **绘制圆形并监听鼠标点击**:
在`draw()`函数中，绘制一个跟随鼠标移动的颜色圆。同时，在`mouseClicked()`里保存当前状态（圆形的位置、颜色等）以便后续定格。

void draw() {
  float x = map(mouseX, 0, width, 0, width);
  float y = map(mouseY, 0, height, 0, height);

  color currentColor = get(colorOfMouse()); // 获取当前鼠标位置对应的颜色
  fill(currentColor); // 设置填充色

  ellipse(x, y, 20, 20); // 绘制圆形
}

void mouseClicked() {
  saveFrame("snapshot_" + frameCount + ".png"); // 每次点击保存一张图片
  // 在这里还可以保存其他信息，比如圆形的位置和颜色数据
}

4. **获取鼠标颜色**:
使用`colorOfMouse()`函数获取鼠标位置对应的屏幕颜色。这需要自定义一个函数（或者依赖于库中的方法），它会返回像素值。

int[] pixelAt(int x, int y) {
  return PImage.getpixel(image, x, y);
}

color get(colorOfMouse) {
  int[] mousePixel = pixelAt(mouseX, mouseY);
  return color(mousePixel[0], mousePixel[1], mousePixel[2]);
}

5. **运行程序**:
编辑完上述代码后，运行你的Processing Sketch，当你移动鼠标并且点击时，将自动保存圆形的截图，并记录下当前的状态。