ジェネラティブ演出
描く線の軌跡
ポインタが動いた軌跡が発光するリボンになり、時間とともに尾を引いて消えていく。PCはホバーで常時描け、スマホは触れている間だけ setPointerCapture で追従して描ける。
プレビュー
ホバー
操作カーソルを乗せると動きます（スマホはタップ）。
実装メモ
実ページで全画面に敷く場合は canvas を position:fixed; inset:0; z-index を高くして使うと、他要素の上をなぞる軌跡として機能します（この見本はプレビュー枠内完結のため canvas は静的配置）。
コード（コピーして使えます）
<div class="tr-wrap">
<canvas class="tr-canvas" aria-hidden="true"></canvas>
<p class="tr-hint">なぞって軌跡を描く</p>
</div>