Partículas
Las opciones dentro de particles controlan la apariencia y el movimiento de las partículas.
Grupos más utilizados
particles.numberparticles.moveparticles.linksparticles.paletteparticles.paintparticles.shapeparticles.sizeparticles.opacity
Ver páginas detalladas:
particles.number
ts
particles: {
number: {
value: 70,
density: {
enable: true,
area: 800
}
}
}value: recuento de partículas base.density.enable: adapta el recuento al tamaño del contenedor.
particles.move
ts
move: {
enable: true,
speed: 1.6,
direction: "none",
outModes: {
default: "out"
}
}speed: velocidad de movimiento percibida.outModes.default: comportamiento de los bordes (out,bounce, ...).
particles.links
ts
links: {
enable: true,
distance: 140,
opacity: 0.28,
color: "#7aa0ff"
}Permite enlaces entre partículas, útil para secciones de héroes de "red".
particles.palette
ts
palette: "sunset";- Importa colores y combina valores predeterminados desde una identificación de paleta registrada.
- Completa
paint.fillopaint.strokeautomáticamente según la paleta. - Con paletas multivariantes,
paintse carga como una serie de variantes. - Útil con ajustes preestablecidos y demostraciones cuando desea cambiar el estado de ánimo del color rápidamente.
particles.shape, size, opacity
ts
shape: {
type: ["circle", "square"]
},
size: {
value: {
min: 1,
max: 5
}
},
opacity: {
value: 0.7
}shape.type: tipo único o lista de tipos.size.value: rango recomendado para variación natural.opacity.value: transparencia media.
Grupos avanzados para comprobar a continuación
particles.collisionsparticles.lifeparticles.orbitparticles.rollparticles.rotateparticles.tiltparticles.twinkleparticles.wobble
Páginas detalladas:
Particles BounceParticles PaintParticles DestroyParticles GroupParticles CollisionsParticles LifeParticles PaletteParticles OpacityParticles OrbitParticles RepulseParticles RollParticles RotateParticles ShadowParticles SizeParticles TiltParticles TwinkleParticles WobbleParticles ZIndexParticles MoveParticles NumberParticles LinksParticles Shape
Páginas de origen: https://github.com/tsparticles/tsparticles/tree/main/markdown/Options/Particles
