p5.js:インスタンスモード

code:index.html

<div id='container'></div>

code:index.js

const sketch = function(p) {

p.setup = function() {

p.createCanvas(100, 100);

}

p.draw = function() {

p.background(0);

p.fill(100);

p.noStroke();

p.ellipse(width/2, height/2, 50);

}

}

new p5(sketch, 'contaienr');

インスタンスモードでは、すべてのP5.js関数と変数が、スケッチ関数に渡される変数(この場合はp変数)に追加される。

https://img.shields.io/badge/p5.js-インスタンスモード-ED225D.svg?logo=p5.js&style=for-the-badge