無料ツール集 ＞ 画像・メディア処理 ＞ もやもやクラウド背景ジェネレーター（無料）
Cloud Drift WebGL Background｜もやもやクラウド背景ジェネレーター（無料）
画面スクリーンキャプチャ
生成した動画 サンプル
16秒で生成したクラウド背景（WebGL）。白背景。
20秒で生成したクラウド背景（WebGL）。黒背景。
WebGLで“動く背景素材”をその場で生成できます
- ノイズベースのクラウド風背景をリアルタイム生成
- スクリーンショットでそのまま素材化（PNG）
- アニメーション生成
- プリセット機能
- フルスクリーン表示
- 背景、ノイズのパラメータ調整
- 完全ローカル処理・外部送信なし
ブラウザ上で、もやもやとしたクラウド風アニメーション背景を生成できるツールです。
色・速度・スケール・透明度などを調整しながら、そのまま素材として書き出せます。
動画やWeb背景、アイキャッチ素材としてそのまま利用できます。
こんなときに使えます
- ブログやLPの背景素材を手軽に作りたい
- 動画用のループ背景素材が欲しい
- AI生成画像の背景に自然な“空気感”を足したい
- 素材サイトを探すのが面倒
このツールでできること
・クラウド風アニメーション背景のリアルタイム生成
・色A / 色B / 背景色の調整
・速度・スケール・透明度・濃淡の調整
・プリセット（Mist / Dusk / Sage / Mono）
・PNGスクリーンショット保存（素材化）
使い方
- パラメータを調整して背景を生成します
- 気に入った状態になったらスクリーンショット保存
- 動画素材にする場合はフルスクリーン画面を録画（OBS Studioなど）
動作環境
- 対応ブラウザ：Chrome / Edge 最新版推奨
- 動作方式：WebGL（ブラウザ内GPU処理）
- インストール：不要
- 通信：なし
システム構成
- 単一HTMLで動作
- 外部ライブラリなし
- サーバー処理なし
- WebGLシェーダーによるノイズ生成
主な機能
- リアルタイムプレビュー
- プリセット切替
- パラメータ調整UI
- 全画面表示
- PNGキャプチャ保存
制約・注意点
- SVGのような“完全ループ保証”はありません
- 長時間ループ用途は動画として書き出すのが前提です
- WebGL非対応環境では動作しません
ライセンス
MITライセンスで配布しています。
詳細は配布ファイル内のLICENSEをご確認ください。
補足
- 画像は外部へ送信されません
- ローカルで完結するため安全に利用できます
- 本ツールは「素材を作るツール」です
- 最終的なループ動画やテキスト合成はDavinci ResolveやWeb側で行う前提です