フィードバックと操作 · タップへの反応
衝撃波冲击波
- 輪が広がる
- 衝撃がある
- 粒子なし
中空の輪が落点から素早く広がり、大きくなるほど細く薄くなって消えます。リップルとの違いは速度と規模です。リップルは遅く小さく留まり、衝撃波は速く画面の大きな部分を占めます。速さと大きさが揃って初めて「衝撃」になります。
使いどころ
重みのある落点（確定、投げ銭、送信）に使います。本質的に騒がしいので、頻度の高い操作には置かず、パーティクルバーストと同時に使わないでください。どちらも「一番大きな音」を奪い合います。
パラメータ
on impact · transform: scale 0.2→1.5 · border-width 3→0.5px · opacity 0.85→0 · 620ms ease-out
レシピ
衝撃波 → on impact · transform: scale 0.2→1.5 · border-width 3→0.5px · opacity 0.85→0 · 620ms ease-out
AI に渡す一文
衝撃波を作ってください。落点に中空の輪を置き、transform を scale(0.2) から scale(1.5) へ広げ、同時に線幅を 3px から 0.5px へ細くし、opacity を 0.85 から 0 へ、全体 620ms の ease-out で。動かすのは transform と opacity だけにしてください。線幅は border-width でも構いませんが、レイアウトに影響しない擬似要素に置いてください。