Частицы
Параметры внутри particles управляют внешним видом и движением частиц.
Наиболее часто используемые группы
particles.numberparticles.moveparticles.linksparticles.paletteparticles.paintparticles.shapeparticles.sizeparticles.opacity
Смотрите подробные страницы:
particles.number
ts
particles: {
number: {
value: 70,
density: {
enable: true,
area: 800
}
}
}value: количество базовых частиц.density.enable: адаптирует количество к размеру контейнера.
particles.move
ts
move: {
enable: true,
speed: 1.6,
direction: "none",
outModes: {
default: "out"
}
}speed: воспринимаемая скорость движения.outModes.default: поведение края (out,bounce, ...).
particles.links
ts
links: {
enable: true,
distance: 140,
opacity: 0.28,
color: "#7aa0ff"
}Включает связи между частицами, что полезно для «сетевых» разделов героев.
particles.palette
ts
palette: "sunset";- Импортирует цвета и настройки смешивания по умолчанию из зарегистрированного идентификатора палитры.
- Заполняет
paint.fillилиpaint.strokeавтоматически в зависимости от палитры. - При использовании многовариантных палитр
paintзагружается как массив вариантов. - Полезно с пресетами и демонстрациями, если вы хотите быстро поменять цветовое настроение.
particles.shape, size, opacity
ts
shape: {
type: ["circle", "square"]
},
size: {
value: {
min: 1,
max: 5
}
},
opacity: {
value: 0.7
}shape.type: один тип или список типов.size.value: рекомендуемый диапазон для естественного изменения.opacity.value: средняя прозрачность.
Расширенные группы, которые стоит проверить дальше
particles.collisionsparticles.lifeparticles.orbitparticles.rollparticles.rotateparticles.tiltparticles.twinkleparticles.wobble
Подробные страницы:
Particles BounceParticles PaintParticles DestroyParticles GroupParticles CollisionsParticles LifeParticles PaletteParticles OpacityParticles OrbitParticles RepulseParticles RollParticles RotateParticles ShadowParticles SizeParticles TiltParticles TwinkleParticles WobbleParticles ZIndexParticles MoveParticles NumberParticles LinksParticles Shape
Исходные страницы: https://github.com/tsparticles/tsparticles/tree/main/markdown/Options/Particles
