Processing 入门教程（三十） lerpColor颜色渐变

最新推荐文章于 2023-12-15 11:51:53 发布

会思考的猴子

最新推荐文章于 2023-12-15 11:51:53 发布

阅读量1.2w

点赞数 4

分类专栏： Processing 文章标签： lerpColor 颜色渐变

本文链接：https://blog.csdn.net/qq_39097425/article/details/85040258

版权

Processing 专栏收录该内容

44 篇文章

订阅专栏

1.不用lerpColor 的颜色渐变

noStroke();
colorMode(RGB, 100);
for (int i = 0; i < 100; i++) {
  for (int j = 0; j < 100; j++) {
    stroke(i, j, 0);
    point(i, j);
  }
}

效果图如下：

noStroke();
colorMode(HSB, 100);
for (int i = 0; i < 100; i++) {
  for (int j = 0; j < 100; j++) {
    stroke(i, j, 100);
    point(i, j);
  }
}

2.lerpColor颜色渐变

color c1;
color c2;

void setup() {
  size(500, 400);
  colorMode(HSB, 100);
  
  c1 = color(random(100), 100, 100);
  c2 = color(random(100), 100, 30);
  
  for(int y = 0; y < height; y++) {
    float n = map(y, 0, height, 0, 1);
    color newc = lerpColor(c1, c2, n);
    stroke(newc);
    line(0, y, width, y);
  }
}
void draw() {
}

3.lerpColor球

void setup() {
  size(500, 400);
  colorMode(HSB, 100);
  noFill();
  strokeWeight(2);
  background(0);  

  color c1 = color(random(100), 100, 100);
  color c2 = color(random(100), 100, 30);

  float maxr = 500;
  for(int r = 0; r < maxr; r++) {
    float n = map(r, 0, maxr, 0, 1);
    color newc = lerpColor(c1, c2, n);
    stroke(newc);
    ellipse(100, 100, r, r);
  }  
}
void draw() {
}