p5.js
codepen

p5jsを記事に埋め込んでみた

自分も新機能を試したかった

https://qiita.com/Qiita/items/edae7417214c8e957f54

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;
}

こんな関数を追記してみるなど...