流行のwebサイトなどでよく見かけるパーティクルアニメーション。ゆらゆら、ぐるぐると動き回る不思議なグラフィックは見る人を引き込み、虜にします。今回はそんなパーティクルアニメーション3DをJavascriptで描いた「D Particle Explorations」を紹介したいと思います。

8パターンの種類の違うパーティクルアニメーションをデモサンプルで確認することができます。

詳しくは以下

上から水がしたたっているかのようなもの小宇宙の一部を思わせるもの、細胞のように回転するものなど、動きの種類はさまざま。右上にあるブロックをクリックすることで視点を変えて見ることもでき、また違った表情を楽しむことができます。

メイングラフィックにトレンド感をプラスしたい時などに参考にしたいですね。新しいwebサイトの表現を見つけることができるのではないでしょうか。

3D Particle Explorations | Demo 1 | Codrops