使用for循环创建一个矩形网格，可以使用for循环将alpha值增加到255

Question

我创建了一个矩形网格，在向下和向右时增加不透明度。我将256个阿尔法值均分为4列（每列64个矩形）。

我试图通过对每列使用for循环来削减代码。

我已经设法创建了矩形的列，但我已经安装的fill（）for没有应用我需要的不透明度。

这里就是我竞选列1：

for (var a = 0; a < 256; a++) { 
    fill(155,0,0,a); 
    } 

    var y = 0; 
    for (var x = 0; y <= 1890; x += 210) { 
    for (var y = 0; y <= 1890; y += 30) { 
     rect(x,y,200,20) 
    } 
    } 

我试着结合的填充（）和矩形（）循环，但我得到了同样的问题，即色标棍棒（155 ，0,0,255），而不是从0开始并上升到63（仅此列）。

我被限制在总共4 fill 行（例如每列1个填充 - 直通组合）。

有关完整代码和网格的视觉表示，https://codepen.io/anon/pen/KvdJWB

Answer 1

第一for循环运行，和涂饰前嵌套for循环甚至开始。你可以想想你的程序是等效的：

fill(155,0,0,0); 
    fill(155,0,0,1); 
    fill(155,0,0,2); 
    fill(155,0,0,3); 
    //... 
    fill(155,0,0,254); 
    fill(155,0,0,255); 


    var y = 0; 
    for (var x = 0; y <= 1890; x += 210) { 
    for (var y = 0; y <= 1890; y += 30) { 
     rect(x,y,200,20) 
    } 
    } 

这使得很明显，你的第一个for循环是不是真的这样做了，只有到fill()最后一次通话真正重要的。

如果您希望每个单元格或每个行或列都是不同的颜色，那么您必须在嵌套的for循环内的某处调用fill()。