Partikel
Optionen in particles steuern das Aussehen und die Bewegung der Partikel.
Am häufigsten verwendete Gruppen
particles.numberparticles.moveparticles.linksparticles.paletteparticles.paintparticles.shapeparticles.sizeparticles.opacity
Siehe detaillierte Seiten:
particles.number
ts
particles: {
number: {
value: 70,
density: {
enable: true,
area: 800
}
}
}value: Basispartikelanzahl.density.enable: Passt die Anzahl an die Containergröße an.
particles.move
ts
move: {
enable: true,
speed: 1.6,
direction: "none",
outModes: {
default: "out"
}
}speed: wahrgenommene Bewegungsgeschwindigkeit.outModes.default: Kantenverhalten (out,bounce, ...).
particles.links
ts
links: {
enable: true,
distance: 140,
opacity: 0.28,
color: "#7aa0ff"
}Ermöglicht Verknüpfungen zwischen Partikeln, nützlich für „Netzwerk“-Heldenabschnitte.
particles.palette
ts
palette: "sunset";- Importiert Farben und Mischstandards von einer registrierten Paletten-ID.
- Füllt je nach Palette automatisch
paint.filloderpaint.strokeaus. - Bei Paletten mit mehreren Varianten wird
paintals Array von Varianten geladen. - Nützlich mit Voreinstellungen und Demos, wenn Sie die Farbstimmung schnell ändern möchten.
particles.shape, size, opacity
ts
shape: {
type: ["circle", "square"]
},
size: {
value: {
min: 1,
max: 5
}
},
opacity: {
value: 0.7
}shape.type: einzelner Typ oder Liste von Typen.size.value: empfohlener Bereich für natürliche Variation.opacity.value: durchschnittliche Transparenz.
Erweiterte Gruppen, die als Nächstes überprüft werden müssen
particles.collisionsparticles.lifeparticles.orbitparticles.rollparticles.rotateparticles.tiltparticles.twinkleparticles.wobble
Detaillierte Seiten:
Particles BounceParticles PaintParticles DestroyParticles GroupParticles CollisionsParticles LifeParticles PaletteParticles OpacityParticles OrbitParticles RepulseParticles RollParticles RotateParticles ShadowParticles SizeParticles TiltParticles TwinkleParticles WobbleParticles ZIndexParticles MoveParticles NumberParticles LinksParticles Shape
Quellseiten: https://github.com/tsparticles/tsparticles/tree/main/markdown/Options/Particles
