パーティクルコンポーネント調査SHAREtwitterfacebookはてなブックマークpocketCGで何かをつくると、見た目をそれらしくする為にエフェクトが求められます。簡単にエフェクトをつけるにあたって、まずパーティクルを使う事になるかと思うので、A-Frameで利用できるパーティクルコンポーネントにどのようなものがあるか調査しました。particleをキーワードとして検索して表示された10パッケージとしました。npmでの人気順に紹介します。aframe-particle-system-componentA-Frameの公式チュートリアルでも利用されているコンポーネントです。星や埃、雨の画像をパーティクルとして表示してくれます。Colorsaframe-star-system-component宇宙空間のような星空が作成できます。agoですが、A-Frameの1.0.3でも動作するようでした。1.0.3で動作確認した結果はこちらaframe-particleplayer-componentBlenderで作成したパーティクルを、A-Frameで実行できるようです。aframe-particle-simulationなんともいえない感じのパーティクルができるようです。Useraframe-sprite-particles-component色々できるらしいのですが、デモが動作していないので後ほど詳しく調べてみます。demokks-magicデモで花火が動作しています。お手軽に実現できて、けっこうすごそうです。demoaframe-dust-component空間に粒子を配置するようです。aframe-star-system-componentと似たコンポーネントのようですが、指定できるパラメータはこちらの方が少ないようです。demoaframe-spe-particles-componentaframe-sprite-particles-componentと同じ方が作成されたコンポーネントのようです。デモのコードで使われているA-Frameのバージョンや、最後のコミットからこちらの方が古いもののようです。こちらは動くデモが見られます。これが使えるとすごく良さそうだと思いました。demoaframe-mesh-particles-componentこれまでのパーティクルは画像だったのですが、こちらはメッシュを使ったパーティクルです。メッシュを使っているからか、デモが少し重い気がします。同じ方が作成されています。demoaframe-particle-system-component-fog-fixaframe-particle-system-componentと指しているリポジトリは同じです。まとめこの辺りが使いやすそうで、使い勝手も良さそうなので、使ってみます。aframe-particle-system-componentaframe-star-system-componentaframe-sprite-particles-componentkks-magic将来的にはこの辺りも使えると表現の幅が増えるかもしれません。aframe-particleplayer-componentaframe-particle-simulationaframe-mesh-particles-componentこれらは多分古かったり、機能が足りてなさそうなので見送ります。S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。cloudpack.。