Processing 加工中的数学变量

我想制作一个背景，根据处理过程中该点到窗口中心的距离，在窗口的每个点上改变颜色。我只需要一个变量来指定屏幕的x和y坐标。我该怎么做

现在，我试图在处理过程中定义这样一个变量，但失败了。但是，我已经用内置变量mouseX和mouseY编写了这段代码。这是我写的代码：

void setup(){
 size(640,360);
 frameRate(144);
}

void draw(){
  int x=0;
  int y=0;
  x=x+1;
  y=y+1;
  float d=dist(width/2,height/2, mouseX,mouseY);
  float maxd=dist(width/2,height/2, width,height);
  float colour=map(d,0,maxd,0,255);
 stroke(50,20,30);
 strokeWeight(2);
 for(x=0; x<width; x=x+20){
  for(y=0; y<height; y=y+20){
    rect(x,y,20,20);
    fill(colour);
  }
 }
}

---

它的工作原理和我预期的一样完美。现在，我所需要的是一些变量，比如数学变量，它们在定义的范围内改变值，以指定屏幕上每个点的坐标。任何提示都将不胜感激。

您已经完成了使用此嵌套for循环所描述的大部分工作：

这段代码现在在计算填充颜色时直接使用x和y变量

从这里，您可以添加基于0,0和x，y之间的距离计算颜色的逻辑。您已经拥有了大部分逻辑，但需要将其移动到这个嵌套for循环中

---

无耻的自我提升：是关于for循环的教程，还有一些用于for循环的示例，包括在每个点绘制不同颜色的示例。

谢谢。从你的回答中，我学到了一些东西。我在StackOverflow的经历很糟糕。你的帮助会让我再次提问。否则，我再也不会问任何问题了。

for(x=0; x<width; x=x+20){
  for(y=0; y<height; y=y+20){

for(x=0; x<width; x=x+20){
  for(y=0; y<height; y=y+20){
    fill(x, y, 0);
    rect(x, y, 20, 20);
  }
 }