自分も新機能を試したかった
p5jsでフルサイズ表示を試してみた
See the Pen p5jstest by takayukiono (@tkyko13) on CodePen.
data-width="500"
一番最初のpタグ内にこのプロパティも追加してみました
この記事投稿エディタ内のプレビューに実行結果が表示されないので少し不安
[投稿後追記]
data-widthプロパティはやっぱり効かないですね
PCのブラウザだと、ブラウザの横幅によって決められます
今回はフルサイズ表示の処理は起動時のみ行っていますが、p5js内にwindowのりサイズイベントが取れるのでそのタイミングでキャンバスのリサイズを行ったほうがよさそうですね。
例えば
p5jstest.js
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
y = windowHeight/2;
}
こんな関数を追記してみるなど...