脚本プランナー▸ 
AIアプリ 
AIニュース 
Color4Bg：背景ジェネレーター
Color4Bg：背景ジェネレーター紹介
Color4Bgは、便利でクールな抽象的な動く背景を生成するジェネレーターで、画像、動画、JSスクリプトを無料でエクスポートできます。Color4bg.comを使えば、動的でカスタマイズ可能なカラフルな抽象背景を簡単に生成できます。クールで美しい背景は、あなたの作品を一層引き立たせます。使い方はシンプルで、テンプレートも豊富です。ジェネレーターはすべて、PNG、動画、JavaScriptとしてのエクスポートに対応しています。
Color4Bgには複数の異なるスタイルのテーマがあり、動く循環型の背景を生成できます。画像や動画としてエクスポートしたり、JSスクリプトを通じてウェブプロジェクトに直接組み込んだりすることが可能です（JSファイル size <100k）。
Color4Bgの主な機能：
カスタマイズ可能なカラー：背景パターンの生成に使用する最大6色のカラー配列を指定できます。
動くアニメーション：生成された背景はループするように設定でき、魅力的でスムーズなアニメーションを作成できます。
一貫したパターン：シード値を提供することで、毎回同じパターンが生成されるように保証し、ウェブデザインへの統合を容易にします。
簡単な統合：Color4Bgクラスをインポートして、希望の設定でインスタンスを作成するだけです。
PNGまたはWebm動画へのエクスポートに対応。
多言語サポート
color4bgの使い方は？
ステップ1：テンプレートを選んでアクセスします；
ステップ2：色を調整し、オリジナルのカラーテーマをカスタマイズします；
ステップ3：ダウンロードをクリックしてエクスポートします
Color4Bgのコード使用方法：
1、AbstractShapeBgモジュールをインポートします：
import { AbstractShapeBg } from "../build/jsm/AbstractShapeBg.module.js"
2、希望の設定でAestheticFluidBg（またはその他のBgタイプ）のインスタンスを作成します：
let colorbg = new AestheticFluidBg({ dom: "box", colors: ["#D1ADFF", "#98D69B", "#FAE390", "#FFACD8", "#7DD5FF", "#D1ADFF"], seed: 1000, loop: true })
パラメータ説明：
dom：背景をアタッチするDOM要素。
colors：最大6つの16進カラー値を含む配列。
seed：一貫したパターンを生成するための数値。
loop：背景をループ再生するかどうかを決定するブール値。
Color4Bg GitHubソースコードのダウンロード：https://github.com/winterx/color4bg.js
