p5.js ショーケース

大学堂のp5.jsサンプル集。軽量デモとコード構成の参考に。

Noise Flow Field

パーリンノイズでベクトル場を生成し、粒子が流れる軌跡を描画。

ノイズ値でサイズと回転が変化するグリッドパターン。

マウス/タッチで粒子を配置、近接点をバネで接続。

色とりどりの曲線がスクロール量に応じて縦直線へ整列。

複雑な曲線で構成された液体のような図形が、スクロールで真円に。

背景ノイズがスクロールで規則的な幾何学模様へ（モノトーン）。

粒子で構成されたテキスト。マウス位置で弾性反発インタラクション。

マウスに反応するグリッチノイズとクロマずれ（サイバーパンク風）。

比率(a:b)と位相で曲線を選び、クリック中はカラー描画。

ネオングリッドとストライプサン。ポインタで消失点/色相を操作。