在Processing中实现基于鼠标输入的2D图形独立旋转与拖动

float offsetX = 0; // 用于存储整体平移的X偏移量
float offsetY = 0; // 用于存储整体平移的Y偏移量

void setup() {
  size(1800, 1000);
}

void draw() {
  background(0); // 每帧清空背景

  // 应用整体平移
  translate(offsetX, offsetY);

  // ... 在这里绘制所有图形 ...
}

void mouseDragged() {
  // 更新偏移量，使图形跟随鼠标移动
  offsetX = mouseX;
  offsetY = mouseY;
}

float offsetX = 0; // 整体平移X
float offsetY = 0; // 整体平移Y

void setup() {
  size(1800, 1000);
  // 初始时将整体平移中心设置在画布中央
  offsetX = width / 2;
  offsetY = height / 2;
}

void draw() {
  background(0); // 每帧清空背景

  // 1. 应用整体平移，将所有图形的逻辑中心移动到鼠标拖动的位置
  translate(offsetX, offsetY);

  // --- 第一个星形 (顺时针旋转) ---
  pushMatrix(); // 保存当前变换状态 (包括整体平移)
    // 2. 围绕当前原点 (即星形的中心) 旋转
    rotate(frameCount * 0.01); // frameCount是一个内置变量，提供连续的动画值

    // 3. 绘制第一个星形 (使用相对于其中心的坐标)
    fill(139, 19, 191);
    triangle( 100,  100,    0,  350, -100,  100);
    fill(20, 134, 245);
    triangle( 200, -100,  350,  100,  100,  100);
    fill(191, 8, 8);
    triangle(-100,  100, -350,  100, -200, -100);
    fill(86, 165, 3);
    triangle(-200, -100, -350, -400,    0, -150);
    fill(167, 167, 166);
    triangle(   0, -150,  350, -400,  200, -100);
  popMatrix(); // 恢复到pushMatrix()时的变换状态 (取消了第一个星形的旋转)

  // --- 第二个星形 (逆时针旋转) ---
  pushMatrix(); // 再次保存当前变换状态 (包括整体平移)
    // 2. 围绕当前原点 (即星形的中心) 逆时针旋转
    rotate(frameCount * -0.01);

    // 3. 绘制第二个星形 (使用相对于其中心的坐标)
    fill(139, 19, 191);
    triangle(-100, -150,    0, -400,  100, -150);
    fill(86, 165, 3);
    triangle( 100, -150,  350, -150,  200,   50);
    fill(167, 167, 166);
    triangle(-200,   50, -350, -150, -100, -150);
    fill(20, 134, 245);
    triangle(-200,   50, -350,  350,    0,  150);
    fill(191, 8, 8);
    triangle( 200,  50, 350, 350,   0, 150);
  popMatrix(); // 恢复到pushMatrix()时的变换状态 (取消了第二个星形的旋转)

  // 绘制中心圆 (相对于当前原点，即整体平移后的中心)
  fill(0, 0, 0);
  // 注意：Processing内置的圆形绘制函数是ellipse，这里为了兼容原代码，使用自定义的circle函数
  circle(0, 0, 425);
}

// 鼠标拖动时更新整体平移偏移量
void mouseDragged() {
  offsetX = mouseX;
  offsetY = mouseY;
}

// 自定义circle函数，实际调用ellipse
void circle(float x, float y, float r) {
  ellipse(