提交您的產(chǎn)品 
Ai應(yīng)用
Ai資訊
AI生圖
AI生視頻
開源AI應(yīng)用平臺
Color4Bg
Color4Bg簡介
Color4Bg，好用的酷炫抽象動態(tài)背景生成器,免費(fèi)導(dǎo)出圖片視頻或JS腳本，Color4bg.com 能夠讓你輕松生成動態(tài)的、可自定義彩色的抽象背景?？犰艃?yōu)美的背景能夠讓你的作品格外出眾。使用簡單、模板眾多。生成器都支持導(dǎo)出為 PNG、視頻或 JavaScript。
Color4Bg有多重不同的樣式主題，能夠生成動態(tài)、循環(huán)的背景，可以導(dǎo)出圖片、視頻或者直接支持將背景通過 JS 腳本引入你的網(wǎng)頁項(xiàng)目（JS文件 size <100k）。
Color4Bg功能特征：
可自定義的顏色：您可以指定最多 6 種顏色的數(shù)組，用于生成背景圖案。
動態(tài)動畫：生成的背景可以設(shè)置為循環(huán)，創(chuàng)建令人著迷的流暢動畫。
一致的模式：通過提供種子值，您可以確保每次都生成相同的模式，從而輕松集成到您的網(wǎng)頁設(shè)計(jì)中。
輕松集成：只需導(dǎo)入Color4Bg類并使用您想要的設(shè)置創(chuàng)建一個(gè)實(shí)例。
支持導(dǎo)出為PNG 或 Webm 視頻。
多語言支持
如何使用color4bg？
第1步：選擇一個(gè)模板，進(jìn)入；
第2步：調(diào)節(jié)顏色、自定義色彩主題；
第3步：點(diǎn)擊下載導(dǎo)出
Color4Bg代碼使用方法：
1、導(dǎo)入 AbstractShapeBg 模塊：
import { AbstractShapeBg } from "../build/jsm/AbstractShapeBg.module.js"
2、使用您希望的設(shè)置創(chuàng)建 AestheticFluidBg（或任何其他 Bg 類型）的實(shí)例：
let colorbg = new AestheticFluidBg({ dom: "box", colors: ["#D1ADFF", "#98D69B", "#FAE390", "#FFACD8", "#7DD5FF", "#D1ADFF"], seed: 1000, loop: true })
參數(shù)說明：
dom: 要附加背景的 DOM 元素。
colors: 一個(gè)最多包含6個(gè)十六進(jìn)制顏色值的數(shù)組。
seed: 用于生成一致圖案的數(shù)值。
loop: 一個(gè)布爾值，決定背景是否應(yīng)該循環(huán)播放。
Color4Bg Github源碼下載：https://github.com/winterx/color4bg.js
