Color4Bg: 배경 생성기 94

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