p5.jsに限らすjsでは動的にhtmlタグを生成できます。例えばプログラムの配列サイズ・内容に応じてselect optionを生成するなどが可能です。p5jsの場合は、生成したタグの変数に対してparentメソッドが用意されています。例えば
index.html
<body> <h1>tag generation test</h1> <div id="place-holder"> ここに動的に生成されたタグ(checkbox)が入ります。 </div> </body>
sketch.js
function setup() { var mycheckbox = createCheckbox('label', false); mycheckbox.parent("place-holder"); noCanvas(); }