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
提交您的產(chǎn)品
Ai應(yīng)用
Ai資訊
AI生圖
AI生視頻
開源AI應(yīng)用平臺



