Color4Bg: Generador de fondos 92

Color4Bg, un práctico y genial generador de fondos abstractos dinámicos, que exporta gratis imágenes, vídeos o scripts JS. Color4bg.com te permite generar fácilmente fondos abstractos coloridos, dinámicos y personalizables. Un fondo genial y bonito puede hacer que tus obras destaquen especialmente. Es fácil de usar y cuenta con numerosas plantillas. El generador permite exportar como PNG, vídeo o JavaScript.

Color4Bg ofrece múltiples estilos y temas diferentes, capaces de generar fondos dinámicos y en bucle, que pueden exportarse como imágenes, vídeos o, directamente, como scripts JS para integrar en tus proyectos web (el tamaño del archivo JS es <100k).

Características de Color4Bg:

• Colores personalizables: puedes especificar un array de hasta 6 colores para generar el patrón de fondo.

• Animación dinámica: el fondo generado puede configurarse en bucle, creando animaciones fluidas y fascinantes.

• Patrones consistentes: al proporcionar un valor de semilla, puedes asegurarte de que se genere el mismo patrón cada vez, lo que facilita su integración en el diseño de tu web.

• Integración sencilla: solo tienes que importar la clase Color4Bg y crear una instancia con la configuración que desees.

• Soporta exportación como PNG o vídeo Webm.

• Soporte multilingüe
  

¿Cómo usar color4bg?

Paso 1: elige una plantilla y entra;

Paso 2: ajusta los colores y personaliza el tema de color;

Paso 3: haz clic en descargar para exportar.

Instrucciones de uso del código de Color4Bg:

1. Importa el módulo AbstractShapeBg:

import { AbstractShapeBg } from "../build/jsm/AbstractShapeBg.module.js"

2. Crea una instancia de AestheticFluidBg (o cualquier otro tipo de Bg) con la configuración que desees:

let colorbg = new AestheticFluidBg({ dom: "box", colors: ["#D1ADFF", "#98D69B", "#FAE390", "#FFACD8", "#7DD5FF", "#D1ADFF"], seed: 1000, loop: true })

Descripción de parámetros:

• dom: el elemento DOM al que se adjuntará el fondo.

• colors: un array que contiene hasta 6 valores de color hexadecimales.

• seed: valor numérico utilizado para generar patrones consistentes.

• loop: valor booleano que determina si el fondo debe reproducirse en bucle.

Descarga del código fuente de Color4Bg en Github:https://github.com/winterx/color4bg.js