Color4Bg: Générateur de fonds 90

Color4Bg, un générateur de fonds dynamiques abstraits génial et facile à utiliser, exportation gratuite d'images ou de vidéos, ou de scripts JS. Color4bg.com vous permet de créer facilement des fonds abstraits colorés dynamiques et personnalisables. Un fond élégant et magnifique peut faire ressortir vos créations. Simple à utiliser avec de nombreux modèles. Le générateur permet d'exporter en PNG, vidéo ou JavaScript.

Color4Bg propose plusieurs thèmes et styles différents, capables de générer des fonds dynamiques et en boucle, qui peuvent être exportés en images, en vidéos, ou directement intégrés à votre projet web via un script JS (taille du fichier JS < 100 ko).

Fonctionnalités de Color4Bg :

• Couleurs personnalisables : vous pouvez spécifier un tableau allant jusqu'à 6 couleurs pour générer le motif de fond.

• Animations dynamiques : le fond généré peut être configuré en boucle, créant des animations fluides et captivantes.

• Motifs cohérents : en fournissant une valeur de graine, vous pouvez vous assurer que le même motif est généré à chaque fois, facilitant ainsi l'intégration dans votre design web.

• Intégration facile : il suffit d'importer la classe Color4Bg et de créer une instance avec les paramètres souhaités.

• Prise en charge de l'exportation en PNG ou en vidéo Webm.

• Support multilingue
  

Comment utiliser color4bg ?

Étape 1 : choisissez un modèle et entrez ;

Étape 2 : ajustez les couleurs et personnalisez le thème de couleurs ;

Étape 3 : cliquez sur télécharger pour exporter

Méthode d'utilisation du code Color4Bg :

1. Importez le module AbstractShapeBg :

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

2. Créez une instance de AestheticFluidBg (ou tout autre type de Bg) avec les paramètres souhaités :

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

Description des paramètres :

• dom : l'élément DOM auquel attacher le fond.

• colors : un tableau contenant jusqu'à 6 valeurs de couleurs hexadécimales.

• seed : valeur numérique utilisée pour générer des motifs cohérents.

• loop : une valeur booléenne qui détermine si le fond doit être lu en boucle.

Téléchargement du code source Color4Bg sur Github :https://github.com/winterx/color4bg.js