二重ループ

つまり、for文やwhile文のブロックの中にもう一つのfor文などを入れて、２重ループを作ることができます。オセロや将棋板のマス目を作るときなどに使われます。

code:loop02.js

'use strict'

let diameter=50;//円の直径を定義

function setup() {

let cnv = createCanvas(400, 400);

colorMode(RGB,255,255,255,1);

background(120);

// 縦ｙ方向に直径分ずらして並べる

for(let y=0; y<=height; y+=diameter ){

// 横ｘ方向に直径分ずらして並べる

for(let x=0; x<=width; x+=diameter ){

// 中心(x,y)に直径diameterの円を描く

circle(x,y,diameter);

}

}

//save(cnv,'loop02.jpg');//　jpg画像として保存

}

実行すると以下の画像ができます。

https://scrapbox.io/files/61efa6fd19878000222f0ca8.jpg