Particelle
Le opzioni all'interno di particles controllano l'aspetto e il movimento delle particelle.
Gruppi più utilizzati
particles.numberparticles.moveparticles.linksparticles.paletteparticles.paintparticles.shapeparticles.sizeparticles.opacity
Vedi le pagine dettagliate:
particles.number
ts
particles: {
number: {
value: 70,
density: {
enable: true,
area: 800
}
}
}value: conteggio delle particelle di base.density.enable: adatta il conteggio alla dimensione del contenitore.
particles.move
ts
move: {
enable: true,
speed: 1.6,
direction: "none",
outModes: {
default: "out"
}
}speed: velocità di movimento percepita.outModes.default: comportamento dei bordi (out,bounce, ...).
particles.links
ts
links: {
enable: true,
distance: 140,
opacity: 0.28,
color: "#7aa0ff"
}Abilita i collegamenti tra le particelle, utili per le sezioni eroe "di rete".
particles.palette
ts
palette: "sunset";- Importa i colori e fonde le impostazioni predefinite da un ID tavolozza registrato.
- Popola
paint.fillopaint.strokeautomaticamente a seconda della tavolozza. - Con tavolozze multi-variante,
paintviene caricato come un array di varianti. - Utile con preimpostazioni e demo quando desideri cambiare rapidamente l'umore del colore.
particles.shape, size, opacity
ts
shape: {
type: ["circle", "square"]
},
size: {
value: {
min: 1,
max: 5
}
},
opacity: {
value: 0.7
}shape.type: singolo tipo o elenco di tipi.size.value: intervallo consigliato per variazione naturale.opacity.value: trasparenza media.
Gruppi avanzati da controllare successivamente
particles.collisionsparticles.lifeparticles.orbitparticles.rollparticles.rotateparticles.tiltparticles.twinkleparticles.wobble
Pagine dettagliate:
Particles BounceParticles PaintParticles DestroyParticles GroupParticles CollisionsParticles LifeParticles PaletteParticles OpacityParticles OrbitParticles RepulseParticles RollParticles RotateParticles ShadowParticles SizeParticles TiltParticles TwinkleParticles WobbleParticles ZIndexParticles MoveParticles NumberParticles LinksParticles Shape
Pagine di origine: https://github.com/tsparticles/tsparticles/tree/main/markdown/Options/Particles
