如何在Processing中用数组实现字母撞墙时随机切换指定颜色

没问题！我来帮你实现这个功能——让每个字母碰到墙壁时随机切换红、蓝、黄、绿这四种指定颜色。咱们一步步来调整你的Processing代码：

1. 先定义固定颜色数组 #

首先在主sketch里创建一个包含目标颜色的数组，这样就能严格限制只能从这四种颜色里随机选取：

color[] targetColors = {
  color(255, 0, 0),    // 红色
  color(0, 0, 255),    // 蓝色
  color(255, 255, 0),  // 黄色
  color(0, 255, 0)     // 绿色
};

2. 完善Letter类的核心逻辑 #

你的Letter类需要包含颜色属性、碰撞检测逻辑，以及切换颜色的方法。这里是完整的Letter类实现：

class Letter {
  char c;
  float x, y;
  float vx, vy;
  color currentColor;

  // 构造函数：初始化字母、位置、速度，随机赋予初始颜色
  Letter(char c_, float x_, float y_) {
    c = c_;
    x = x_;
    y = y_;
    // 随机初始速度（可根据需求调整范围）
    vx = random(-3, 3);
    vy = random(-3, 3);
    // 初始颜色从目标数组中随机选取
    currentColor = targetColors[int(random(targetColors.length))];
  }

  // 更新位置+碰撞检测+颜色切换
  void update() {
    x += vx;
    y += vy;

    // 左右墙壁碰撞：反弹+切换颜色
    if (x < 0 || x > width) {
      vx *= -1;
      switchColor();
    }
    // 上下墙壁碰撞：反弹+切换颜色
    if (y < 0 || y > height) {
      vy *= -1;
      switchColor();
    }
  }

  // 切换颜色的方法：从固定数组里随机选一个
  void switchColor() {
    currentColor = targetColors[int(random(targetColors.length))];
  }

  // 绘制字母
  void display() {
    fill(currentColor);
    textFont(font);
    textSize(32);
    text(c, x, y);
  }
}

3. 整合完整的主sketch代码 #

把上面的逻辑和你现有的代码整合起来，完整可运行的代码如下：

String word = "bounce";
char[] letters;
ArrayList<Letter> letterObjects;
boolean ballFall = false;
PFont font;
color[] targetColors = {
  color(255, 0, 0),    // 红色
  color(0, 0, 255),    // 蓝色
  color(255, 255, 0),  // 黄色
  color(0, 255, 0)     // 绿色
};

void setup() {
  size(600, 400);
  // 加载字体（可替换成你喜欢的字体）
  font = createFont("Arial", 32);
  // 把字符串转为字符数组
  letters = word.toCharArray();
  // 初始化字母对象列表
  letterObjects = new ArrayList<Letter>();
  // 给每个字母创建对象，初始位置分布在窗口上方
  for (int i = 0; i < letters.length; i++) {
    float startX = width/2 + i*30 - (letters.length*15);
    float startY = 50;
    letterObjects.add(new Letter(letters[i], startX, startY));
  }
}

void draw() {
  background(255);
  // 更新并绘制每个字母
  for (Letter l : letterObjects) {
    l.update();
    l.display();
  }
}

小提示 #

如果希望字母完全碰到墙壁才触发颜色切换，可以把碰撞条件微调一下：

• 左右边界改成：x < 0 || x > width - textWidth(c)
• 上下边界可以根据字体大小调整，比如y < 20 || y > height（因为text的y坐标是基线位置，不是字母顶部）

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