कण
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
