こんにちは。フロントエンドエンジニアになりたてのぼこです(ついに2年目になってしまいましたが気持ち的には「なりたて」です)。 今回は、前回の記事で紹介したReact Three Fiberを使って、もう少し具体的な表現をしてみようということでパーティクルアニメーションの実装をしてみました。Webサイトのクリエイティブ表現といえばまずはパーティクル、みたいなとこありますよね(?) コードの量は少なめにシンプルな演出にしたので、React Three Fiberを始めたての人にも参考になると嬉しいです。
![React Three Fiberでシンプルなパーティクルアニメーションを実装してみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc699a6db4360da7c05c575a235475d8ebd11c14/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2022%2F05%2F26153434%2F1200_630-1-2.jpg)