在处理中创建颜色渐变

Question

我有一个代码来绘制颜色，以便在圆形中创建径向渐变。知道它是从黑色到白色。如何切换颜色并使用其他值？ 我试图为不同的颜色创建值，但它不起作用。 有谁知道该怎么做？ 这是一段代码：

// function to draw the gradient
void desenhar_grad(float posX, float posY, int raio) {
  pushStyle();
  noStroke();
  for (int r = raio; r > 0; r--) {
    int tom = round(map(r, raio, 0, 255, 0)); // the last 2 values are the colours. first is the center, second is the exterior
    fill(tom);
    circle(posX, posY, r * 2);
  }
  popStyle();
}

Answer 1

您的方法非常适合灰度颜色。

要在具有多个通道的两种颜色之间轻松插值，您可以使用lerpColor()。它将两种颜色作为前两个参数（插值的颜色和插值的颜色），第一个参数是插值量（介于 0.0 和 1.0 之间的值，其中 0 表示它是第一种颜色，1.0 是第二种颜色和例如，0.5 是两者之间的 50%）

然后您可以将 r 从 0.0 映射到 1.0 范围：

void setup(){
  desenhar_grad(50, 50, 50, color(0, 192, 192), color(192, 0, 192));
}
void desenhar_grad(float posX, float posY, int raio, color color1, color color2) {
  pushStyle();
  noStroke();
  for (int r = raio; r > 0; r--) {
    // the last 2 values are the colours. first is the center, second is the exterior
    int tom = lerpColor(color1, color2, map(r, 0, raio, 0.0, 1.0));
    fill(tom);
    circle(posX, posY, r * 2);
  }
  popStyle();
}