使用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()。