パーティクル演出
Canvas 2D で粒子が漂い、近い粒子同士を線でつなぐネットワーク表現。マウス・タッチに反応して粒子が引き寄せられ、線が伸びる。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
コード（コピーして使えます）
<div class="pn-wrap">
<canvas class="pn-canvas" aria-hidden="true"></canvas>
</div>計算・変換・診断・あそび
Canvas 2D で粒子が漂い、近い粒子同士を線でつなぐネットワーク表現。マウス・タッチに反応して粒子が引き寄せられ、線が伸びる。
操作カーソルを乗せると動きます（スマホはタップ）。
<div class="pn-wrap">
<canvas class="pn-canvas" aria-hidden="true"></canvas>
</div>