Particules
Les options à l’intérieur de particles contrôlent l’apparence et le mouvement des particules.
Groupes les plus utilisés
particles.numberparticles.moveparticles.linksparticles.paletteparticles.paintparticles.shapeparticles.sizeparticles.opacity
Voir les pages détaillées :
particles.number
ts
particles: {
number: {
value: 70,
density: {
enable: true,
area: 800
}
}
}value: nombre de particules de base.density.enable: adapte le comptage à la taille du conteneur.
particles.move
ts
move: {
enable: true,
speed: 1.6,
direction: "none",
outModes: {
default: "out"
}
}speed: vitesse de déplacement perçue.outModes.default: comportement des bords (out,bounce, ...).
particles.links
ts
links: {
enable: true,
distance: 140,
opacity: 0.28,
color: "#7aa0ff"
}Active les liens entre les particules, utiles pour les sections héros "réseau".
particles.palette
ts
palette: "sunset";- Importe les couleurs et les valeurs par défaut de mélange à partir d'un identifiant de palette enregistré.
- Remplit automatiquement
paint.filloupaint.strokeen fonction de la palette. - Avec les palettes multi-variantes,
paintest chargé sous forme d'un tableau de variantes. - Utile avec les préréglages et les démos lorsque vous souhaitez changer rapidement d'ambiance de couleur.
particles.shape, size, opacity
ts
shape: {
type: ["circle", "square"]
},
size: {
value: {
min: 1,
max: 5
}
},
opacity: {
value: 0.7
}shape.type: type unique ou liste de types.size.value: plage recommandée pour la variation naturelle.opacity.value: transparence moyenne.
Groupes avancés à vérifier ensuite
particles.collisionsparticles.lifeparticles.orbitparticles.rollparticles.rotateparticles.tiltparticles.twinkleparticles.wobble
Pages détaillées :
Particles BounceParticles PaintParticles DestroyParticles GroupParticles CollisionsParticles LifeParticles PaletteParticles OpacityParticles OrbitParticles RepulseParticles RollParticles RotateParticles ShadowParticles SizeParticles TiltParticles TwinkleParticles WobbleParticles ZIndexParticles MoveParticles NumberParticles LinksParticles Shape
Pages sources : https://github.com/tsparticles/tsparticles/tree/main/markdown/Options/Particles
