Particle Flow Generator|流れる光と粒で遊ぶ、背景ジェネレーター(無料)

Particle Flow Generator|流れる光と粒で遊ぶ、背景ジェネレーター(無料)

無料ツール集画像・メディア処理 > Particle Flow Generator

動く背景素材ジェネレーターは、雪や光の粒、紙吹雪、ネオン、泡などのパーティクル背景をブラウザだけで作成できる無料ツールです。
動画制作、Webサイト、LP、アイキャッチ画像用の背景素材を簡単に作れます。

流れる光と粒で遊ぶ、Webブラウザ背景ジェネレーター

画面スクリーンキャプチャ

WebGLで流れる光と粒で遊ぶ、背景ジェネレーター画面。色や速度、透明度を調整できるUIとリアルタイムプレビューを表示している
WebGLで流れる光と粒で遊ぶ、背景ジェネレーター画面。色や速度、透明度を調整できるUIとリアルタイムプレビューを表示している

生成した動画 サンプル

WebGLで“動く背景素材”をその場で生成できます

Particle Flow Generator は、ブラウザ上で動くパーティクル背景ジェネレーターです。

雪、光の粒、紙吹雪、リボン、ネオンの雨、淡い泡のような背景まで、プリセットを切り替えながら感覚的に遊べます。

難しいことは考えなくて大丈夫です。
右側の設定をいじって、気に入った見た目になったら PNG で保存できます。

Webサイトの背景、動画素材、アイキャッチ画像、ちょっとしたビジュアル実験にどうぞ。

こんなときに使えます

  • ブログやLPの背景素材を手軽に作りたい
  • 動画用の背景素材が欲しい
  • AI生成画像の背景に自然な“空気感”を足したい
  • 素材サイトを探すのが面倒

推しポイント

  • インストール不要
  • ブラウザだけで動作
  • 軽量な 35KB
  • 雪・紙吹雪・ネオン・泡・リボン風などに対応
  • 設定をいじるだけで雰囲気が大きく変わる
  • 背景画像や動画素材作りに使いやすい

使い方

  • パラメータを調整して背景を生成します
  • 気に入った状態になったらスクリーンショット保存
  • 動画素材にする場合はフルスクリーン画面を録画(OBS Studioなど)

動作環境

  • 対応ブラウザ:Chrome / Edge 最新版推奨
  • 動作方式:WebGL(ブラウザ内GPU処理)
  • インストール:不要
  • 通信:なし

システム構成

  • 単一HTMLで動作
  • 外部ライブラリなし
  • サーバー処理なし
  • WebGLシェーダーによるノイズ生成

主な機能

  • リアルタイムプレビュー
  • プリセット切替
  • パラメータ調整UI
  • 全画面表示
  • PNGキャプチャ保存

制約・注意点

  • SVGのような“完全ループ保証”はありません
  • 長時間ループ用途は動画として書き出すのが前提です
  • WebGL非対応環境では動作しません

ライセンス

MITライセンスで配布しています。
詳細は配布ファイル内のLICENSEをご確認ください。

補足

  • 画像は外部へ送信されません
  • ローカルで完結するため安全に利用できます
  • 本ツールは「素材を作るツール」です
  • 最終的なループ動画やテキスト合成はDavinci ResolveやWeb側で行う前提です

無料ツール集画像・メディア処理 > Particle Flow Generator