Partikeleffekt-Generator

Anpassbare Partikelanimationen erstellen

Voreinstellung

Vorschau

Wird geladen...

Einstellungen

Partikelanzahl120

Geschwindigkeit (Min)0.5

Geschwindigkeit (Max.)2

Größenbereich (Min)1

Größenbereich (Max.)5

Deckkraft0.9

Form

Farben#ffffff

Schwerkraft0

Wind0.3

Abprall

Interaktion

Exportieren

{
  "fullScreen": {
    "enable": false
  },
  "background": {
    "color": {
      "value": "transparent"
    }
  },
  "particles": {
    "number": {
      "value": 120,
      "density": {
        "enable": true
      }
    },
    "color": {
      "value": "#ffffff"
    },
    "shape": {
      "type": "circle"
    },
    "opacity": {
      "value": {
        "min": 0.4,
        "max": 0.9
      }
    },
    "size": {
      "value": {
        "min": 1,
        "max": 5
      }
    },
    "move": {
      "enable": true,
      "speed": {
        "min": 0.5,
        "max": 2
      },
      "direction": "bottom",
      "straight": false,
      "outModes": {
        "default": "out"
      },
      "drift": 0.3
    },
    "wobble": {
      "enable": true,
      "distance": 10,
      "speed": 5
    }
  },
  "interactivity": {
    "events": {
      "onHover": {
        "enable": true,
        "mode": "repulse"
      }
    },
    "modes": {
      "repulse": {
        "distance": 80,
        "duration": 0.4
      }
    }
  }
}

Was ist Partikeleffekt-Generator?

Entwerfen und testen Sie ansprechende Partikelanimationen fur Ihre Website oder Anwendung. Konfigurieren Sie Partikelanzahl, Geschwindigkeit, Grosse, Farbe, Form, Interaktionsverhalten und Physik, um Effekte wie Schnee, Konfetti, Gluchtkafer oder Galaxie-Muster zu erstellen. Exportieren Sie die Konfiguration als einsatzbereiten Code.

Anleitung

Wahlen Sie eine Effekt-Vorlage (Schnee, Konfetti, Gluchtkafer, Blasen, Galaxie) oder beginnen Sie bei Null.
Passen Sie die Partikeleigenschaften an: Anzahl, Geschwindigkeit, Grossenbereich, Farben, Formen, Deckkraft und Physikparameter wie Schwerkraft und Abprallverhalten.
Sehen Sie sich die Animation in der Live-Vorschau an und kopieren Sie anschliessend die tsParticles-JSON-Konfiguration oder exportieren Sie sie als eigenstandigen HTML-Codeausschnitt.

Ergebnis

Ein Webentwickler wahlt die Schnee-Vorlage, erhoht die Partikelanzahl auf 200, fugt eine leichte Windabdrift hinzu und kopiert die JSON-Konfiguration, um seiner Weihnachts-Landingpage einen Wintereffekt hinzuzufugen.

Partikeleffekt-Generator

Was ist Partikeleffekt-Generator?

Anleitung

Ergebnis

Ähnliche Tools

Textur-Generator

Organigramm-Ersteller

CSS-Animationsgenerator

YouTube-Thumbnail-Ersteller

Wortwolken-Generator

Zeitleisten-Ersteller

Partikeleffekt-Generator