p5.js:ループ文

code:test.js

const sizeX = 500

const sizeY = 500

function setup() { // ← まだ知らなくてよい

const step = 20

createCanvas(sizeX, sizeY) // 横500 縦500 ピクセル のキャンバスを作成する

background('#eee')　// キャンバスの色（背景色）を白に近いグレーに指定する

stroke('#aaa') // 描画する色を指定

for (let x=0 ; x < sizeX ; x += step) {

line(x,0,x,sizeY)

}

for (let y=0 ; y < sizeY ; y += step) {

line(0, y, sizeX, y)

}

stroke('#faa') // 描画する色を指定

line(0,0,sizeX,0)

line(0,sizeY,sizeX,sizeY)

stroke('#afa') // 描画する色を指定

line(0,0,0,sizeY)

line(sizeX,0,sizeX,sizeY)

} // ← まだ知らなくてよい

function draw() { // ← まだ知らなくてよい

stroke('#aaa') // 描画する色を指定

let posX = sizeX / 2

let posY = sizeY / 2

ellipse(posX , posY, 80, 80) // 円を描く

} // ← まだ知らなくてよい

https://img.shields.io/badge/p5.js-ループ文-ED225D.svg?logo=p5.js&style=for-the-badge