星をクリックするとパーティクルを表示します。ちょっと寂しいですね
アニメーションに「映え」が足りない時、数を増やしてみるのは簡単で効果的な対応です。
単純に数を増やすだけだとパーティクル同士がくっついてしまうので、色や位置をランダムにして変化をつけています。
CSSの`mix-blend-mode`や`filter`は手軽に使えて見栄えもする便利な機能です。 ややゆったりと動かして激しさよりも上品さを演出したい時に使うと効果的です。 やりすぎるとパフォーマンスに影響するので注意しましょう。
少ない要素数でも予備動作（溜めや余韻）を効果的に使うことでスピード感や質量感のある演出になります。
またタイミングや位置をずらしてランダムにする箇所と揃える箇所を意識して使い分けることでメリハリのある表現になります。
要素の数が十分に多くない場合、ランダムな割り付けは想像以上に偏りが大きくなります。
下の例は完全にランダムにドットを配置した例です（クリックすると結果が変わります）。
綺麗に並んでいるものもあれば、偏りが目立つものもあるはずです。
この例では「ちょうどいいばらけ具合」を実現するために以下のテクニックを使用しています：