p5.js:canvas
キャンバスを用意する
canvas.jsfunction setup() {
createElement('h2', 'キャンバスを用意する');
createCanvas(256, 256)
noLoop()
background(220)
}雑に円を描く
canvas.jsfunction draw() {
circle(60, 30, 20)
}sketch.jsconst sketch = p => {
p.setup = () => {
p.createElement('h2', 'キャンバスを用意する');
p.createCanvas(256, 256)
p.noLoop()
p.background(220)
}
p.draw = () => {
p.circle(60, 30, 20)
}
}
new p5(sketch, 'editor'); p5-sketch-button.icon ← 実行ボタン
