p5.js:ellipse()
ellipse(中心のx座標, 中心のy座標, 直径)
ellipse(中心のx座標, 中心のy座標, 横幅, 縦幅)
code:sketch.js
const sketch = p => {
p.setup = () => {
//キャンバスを作成
const canvas = p.createCanvas(600,425);
canvas.id = '__P5sc__';
//背景色
p.background('#eee');
p.stroke('#aaa');
}
p.draw = () => {
if (p.mouseIsPressed) {
p.fill(0,0,0,10);
} else {
p.fill('#fff');
}
p.ellipse(p.mouseX, p.mouseY, 80, 80);
}
}
new p5(sketch, 'editor');
p5-sketch-button.icon(実行ボタン)
https://img.shields.io/badge/p5.js-ellipse()-ED225D.svg?logo=p5.js&style=for-the-badge