Color4Bg: Hintergrund-Generator 89

Color4Bg, ein nützlicher, cooler, abstrakter Generator für dynamische Hintergründe, mit dem Sie kostenlos Bilder, Videos oder JS-Skripte exportieren können. Color4bg.com ermöglicht es Ihnen, mühelos dynamische, individuell anpassbare, farbenfrohe abstrakte Hintergründe zu erstellen. Coole und ästhetische Hintergründe lassen Ihre Werke besonders hervorstechen. Einfache Bedienung und zahlreiche Vorlagen. Der Generator unterstützt den Export als PNG, Video oder JavaScript.

Color4Bg bietet vielfältige Stilthemen und kann dynamische, sich wiederholende Hintergründe erzeugen. Es ermöglicht den Export als Bild oder Video oder die direkte Einbindung des Hintergrunds über ein JS-Skript in Ihr Webprojekt (JS-Datei size <100k).

Funktionsmerkmale von Color4Bg:

• Anpassbare Farben: Sie können ein Array mit bis zu 6 Farben angeben, die zur Erzeugung des Hintergrundmusters verwendet werden.

• Dynamische Animationen: Der erzeugte Hintergrund kann auf Wiederholung eingestellt werden und erzeugt faszinierende, flüssige Animationen.

• Konsistente Muster: Durch die Angabe eines Seed-Werts können Sie sicherstellen, dass jedes Mal das gleiche Muster erzeugt wird, was die Integration in Ihr Webdesign erleichtert.

• Einfache Integration: Importieren Sie einfach die Color4Bg-Klasse und erstellen Sie eine Instanz mit den gewünschten Einstellungen.

• Export als PNG- oder Webm-Video möglich.

• Mehrsprachige Unterstützung
  

Wie verwendet man color4bg?

Schritt 1: Wählen Sie eine Vorlage aus und rufen Sie sie auf;

Schritt 2: Passen Sie die Farben an und definieren Sie Ihr Farbthema;

Schritt 3: Klicken Sie auf „Herunterladen", um zu exportieren.

Verwendung des Color4Bg-Codes:

1. Importieren Sie das AbstractShapeBg-Modul:

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

2. Erstellen Sie eine Instanz von AestheticFluidBg (oder einem anderen Bg-Typ) mit Ihren gewünschten Einstellungen:

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

Parameterbeschreibung:

• dom: Das DOM-Element, an das der Hintergrund angehängt werden soll.

• colors: Ein Array mit bis zu 6 hexadezimalen Farbwerten.

• seed: Ein numerischer Wert zur Erzeugung konsistenter Muster.

• loop: Ein boolescher Wert, der bestimmt, ob der Hintergrund in einer Schleife abgespielt werden soll.

Color4Bg Github-Quellcode-Download:https://github.com/winterx/color4bg.js