没入・リッチ演出
パーティクル演出
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>