如何使用处理创建适当的渐变答案

【问题标题】：How can I create proper gradient using processing如何使用处理创建适当的渐变
【发布时间】：2021-06-03 21:49:06
【问题描述】：

我是编程新手，我想创建如图所示的图表。

size(300,300);
colorMode(HSB,360,100,100);
background(#FFFFFF);


int x,y;
for (x = 0; x <100 ; x++ )
{
  for(y = 0 ; y <100 ; y++)
  {
    stroke (0, x, y );
    rect(y,x,y*3,x*3);

  }
}

当我运行程序时，我得到了这样的图表，其中缺少图表的右下角。

我该如何解决这个问题？

谢谢！

【问题讨论】：

嗨@Yukinakajo，Mady Daby 和 jstl 已经提供了很好的答案。一旦你熟悉了pixels[]，那可能是另一种选择。可以在this answer:stackoverflow.com/questions/67093678/hsb-color-picker/…底部找到示例

标签： java processing

【解决方案1】：

您当前的代码正在绘制一堆具有不同轮廓颜色的白色矩形。图表的左上角是您要查找的内容。如果你想让它填满整个屏幕，我会这样做：

for (int x = 0; x < 100; x++) {
  for (int y = 0; y < 100; y++) {
    fill(0, x, y);
    rect(map(x, 0, 100, 0, width), map(y, 0, 100, 0, height), width/100, height/100);
  }
}

使用map() 命令。

【讨论】：

【解决方案2】：

这将产生您正在寻找的输出。你可能想看看lerpColor()。

void setup(){
  size(300,300);
}

void draw(){
  colorMode(HSB,360,100,100);
  background(#FFFFFF);
  
  for (int x = 0; x < width; x++ ){
    for(int y = 0; y < height; y++){
      stroke(0, x, y);
      point(y, x);
    }
  }
}

【讨论】：