AIパーティクルシミュレーター
ブラウザで動作するGPUパーティクルシミュレーター。宇宙系・自然系・エフェクト系の15プリセットからシミュレーションを選び、パラメータをリアルタイムに調整。GIFアニメーション・WebM動画でエクスポートできます。
パーティクルシミュレーターとは
パーティクルシミュレーターは、数千〜数万の微小な粒子（パーティクル）の動きをリアルタイムにシミュレーションし、美しいビジュアルエフェクトを生成するツールです。 重力・渦・引力・ノイズなどの物理力を組み合わせることで、ブラックホール、オーロラ、銀河、花火といった自然現象やSF的な表現を再現できます。
このツールはThree.jsとWebGLを使用し、カスタムGLSLシェーダーで GPUアクセラレーションによる高速描画を実現しています。 すべての処理はブラウザ内で完結するため、サーバー通信は不要です。 生成したパーティクルは画像リサイズツールでサイズ調整したり、SVGエディターでベクター素材と組み合わせることもできます。
プリセット一覧（15種）
| カテゴリ | プリセット | パーティクル数 |
|---|---|---|
| 宇宙系 | ブラックホール | 15,000 |
| DNA二重螺旋 | 8,000 | |
| 銀河 | 20,000 | |
| 星雲 | 18,000 | |
| 流星群 | 10,000 | |
| 自然系 | オーロラ | 12,000 |
| 竜巻 | 14,000 | |
| 雨 | 12,000 | |
| 雪 | 8,000 | |
| 焚き火 | 10,000 | |
| 波 | 15,000 | |
| エフェクト系 | 花火 | 10,000 |
| 電撃 | 12,000 | |
| 紙吹雪 | 8,000 | |
| スウォーム | 15,000 |
このツールの使い方
- カテゴリタブ（ALL / 宇宙系 / 自然系 / エフェクト系）でプリセットを絞り込み、好みのシミュレーションを選択
- キャンバス下部の「パラメータ調整」パネルでパーティクル数・力の強さ・速度などをリアルタイムに変更
- 一時停止ボタンでシミュレーションを止め、気に入った瞬間をスクリーンショットボタンでPNG保存
- 「エクスポート」パネルからGIFアニメーション（fps・秒数・サイズ選択可）やWebM動画を書き出し
- フルスクリーンボタンで全画面表示し、没入感のある体験を楽しむ
エクスポート形式
PNGスクリーンショット: 現在のキャンバス内容をそのままPNG画像としてダウンロード。一時停止して最適な瞬間をキャプチャできます。
GIFアニメーション: 10〜20fps、1〜3秒、320x240〜640x480のサイズで生成可能。SNS投稿やプレゼン素材に最適です。すべてブラウザ内で処理されます。
WebM動画: MediaRecorder APIによる高品質録画。3〜10秒、30fpsで録画し、WebM形式でダウンロード。動画編集素材やモーショングラフィックスのベースとして活用できます。
技術仕様
レンダリング: Three.js + WebGL + カスタムGLSLシェーダー（頂点シェーダー + フラグメントシェーダー）
物理演算: 重力（Gravity）、引力（Attractor）、渦（Vortex）、放射力（Radial）、ノイズ（Noise）の5種類の力場を組み合わせ
パフォーマンス: 最大40,000パーティクルを60FPS以上で描画（GPU依存）。すべての処理はクライアントサイドで完結
対応ブラウザ
デスクトップ：Chrome、Firefox、Safari、Edgeの最新版でWebGL 2.0が完全サポートされており、すべてのプリセットが動作します。 GPUアクセラレーションが有効な環境で最高のパフォーマンスが得られます。
モバイル：iOS Safari（15以降）、Android Chrome（最新版）で動作します。 モバイルGPUの性能によっては、パーティクル数を減らすことで滑らかな描画が可能です。
注意：WebGLに対応していないブラウザや、ハードウェアアクセラレーションが無効な環境では正しく動作しない場合があります。
活用例
Webデザイン素材：ヒーローセクションや背景に使用するパーティクルアニメーションの素材として活用できます。 PNGスクリーンショットやGIF・WebM動画でエクスポートし、OGP画像ジェネレーターと組み合わせてSNS向け画像を作成することも可能です。
SNS・動画素材：GIFアニメーションでSNS投稿用のアイキャッチを作成したり、WebM動画を動画編集ソフトの素材として利用できます。
プログラミング学習：15種類のプリセットでパラメータを変更しながら物理シミュレーションの挙動を視覚的に学べます。 重力・引力・渦・ノイズの各力がパーティクルに与える影響を直感的に理解できます。
最近の改善
プリセットを15種に拡充（宇宙系・自然系・エフェクト系の3カテゴリ）
GIFアニメーション・WebM動画エクスポート機能を追加
カテゴリフィルターでプリセットを絞り込み可能に
関連記事
よくある質問
- Q. パーティクルシミュレーターとは何ですか？
- 数千〜数万の微小な粒子（パーティクル）の動きをリアルタイムにシミュレーションし、美しいビジュアルエフェクトを生成するツールです。重力・渦・引力・ノイズなどの物理力を組み合わせて、ブラックホールやオーロラなどの表現を再現できます。
- Q. どんなプリセットがありますか？
- 宇宙系（ブラックホール・DNA二重螺旋・銀河・星雲・流星群）、自然系（オーロラ・竜巻・雨・雪・焚き火・波）、エフェクト系（花火・電撃・紙吹雪・スウォーム）の15種類を搭載。各プリセットごとにパラメータを自由に調整できます。
- Q. パフォーマンスはどれくらいですか？
- Three.js + WebGL + カスタムGLSLシェーダーによるGPUアクセラレーションで、最大40,000パーティクルを60FPS以上で描画します。すべての処理はブラウザ内で完結し、サーバー通信は不要です。
- Q. 作成したパーティクルを保存できますか？
- PNGスクリーンショット、GIFアニメーション、WebM動画の3形式でエクスポートできます。GIFはfps・秒数・サイズを選択可能、WebMは高品質な動画として録画できます。
- Q. GIFやWebMの動画エクスポートはどう使いますか？
- エクスポートパネルからGIFまたはWebMを選択し、フレームレート・秒数・サイズを設定して生成ボタンを押すだけです。すべてブラウザ内で処理され、サーバーへのアップロードは不要です。
- Q. 対応しているブラウザは？
- Chrome、Firefox、Safari、Edgeの最新版でWebGL 2.0が完全サポートされており、すべてのプリセットが動作します。WebM動画エクスポートはChrome/Edgeで最も安定して動作します。
関連ツール
開発者
Zeronova（ゼロノバ）
Product Manager / AI-Native Builder
19年以上のWeb/IT業界経験を持つPdMが、現場で本当に使えるツールを開発。登録不要・ブラウザだけで動作する無料ツールを94種類以上公開中。