p5.js:変数

code:test.js

const sizeX = 500

const sizeY = 500

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

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

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

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

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

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

let posX = sizeX / 2

let posY = sizeY / 2

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

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

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

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

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

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

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

実行→test.js

システム変数

https://img.shields.io/badge/p5.js-変数-ED225D.svg?logo=p5.js&style=for-the-badge