Options reference

tsParticles के options काफी deep हैं, इसलिए हर sub-option में जाने से पहले यह पेज एक practical map देता है।

अपना configuration path चुनें

• तेज़ visual result: preset से शुरू करें और key fields override करें।
• पूर्ण नियंत्रण: particles, interactivity, और background manually define करें।
• config-first approach: @tsparticles/configs से शुरू करें और चरणबद्ध तरीके से refine करें।

Quick guide (local)

• Background & Canvas
• Background Mask
• Full Screen
• Motion
• Manual Particles
• Themes
• Particles
• Particles Number
• Particles Move
• Particles Links
• Particles Palette
• Particles Shape
• Particles Collisions
• Particles Life
• Particles Orbit
• Particles Roll
• Particles Rotate
• Interactivity
• Interactivity Click
• Interactivity Hover
• Interactivity Div
• Interactivity Events
• Interactivity Modes
• Plugin: Absorbers
• Plugin: Emitters
• Plugin: Infection
• Plugin: Polygon Mask
• Performance Guide

Particles deep-dive pages

• Particles Bounce
• Particles Color
• Particles Destroy
• Particles Group
• Particles Opacity
• Particles Palette
• Particles Repulse
• Particles Shadow
• Particles Size
• Particles Stroke
• Particles Tilt
• Particles Twinkle
• Particles Wobble
• Particles ZIndex

मुख्य reference docs कहां हैं

• Main options docs: tsparticles/markdown/Options.md
• Detailed options pages: tsparticles/markdown/Options/
• Type interfaces: tsparticles/engine/src/Options/Interfaces

सबसे अधिक उपयोग होने वाले root options

• background
• fullScreen
• interactivity
• particles
• detectRetina
• preset
• responsive

सबसे अधिक उपयोग होने वाले sections

• background: canvas background और masking का बेसिक कंट्रोल।
• particles.number: मात्रा और density।
• particles.move: गति, दिशा और out modes।
• particles.shape: circle, polygon, image, emoji, custom shape।
• particles.palette: coordinated color sets को जल्दी बदलें।
• interactivity: hover/click modes और external effects।
• detectRetina: high-DPI screens पर quality/performance का संतुलन।

Particles map (nested view)

Single pages खोलने से पहले इस quick tree को navigation aid की तरह उपयोग करें:

particles
|- number
|- color
|- shape
|- size
|- opacity
|- move
|- links
|- collisions
|- life
|- destroy
|- group
|- orbit
|- repulse
|- roll
|- rotate
|- shadow
|- stroke
|- tilt
|- twinkle
|- wobble
|- zIndex
`- palette

पहले root docs खोलें, फिर deep sections पढ़ें:

• बेसिक सेक्शन: Particles
• गहराई से पढ़ें: Particles Number, Particles Move, Particles Links

सुरक्षित विकल्प कॉन्फ़िगरेशन प्रक्रिया

1. demos या presets से working configuration से शुरुआत करें।
2. एक समय में एक section बदलें।
3. app code में TypeScript (IOptions) से validate करें।
4. production options को dedicated JSON files में रखें।

Minimal typed example

import type { ISourceOptions } from "@tsparticles/engine";

export const particlesOptions: ISourceOptions = {
  fpsLimit: 60,
  particles: {
    number: { value: 70 },
    move: { enable: true, speed: 1.5 },
  },
};

Performance guardrails

• advanced plugins की ज़रूरत न हो तो @tsparticles/slim को प्राथमिकता दें।
• particle count को container area के अनुपात में रखें।
• heavy interactions जोड़ने से पहले real devices पर profiling करें।

Related references

• configs package docs: https://github.com/tsparticles/tsparticles/blob/main/utils/configs/README.md
• presets folder: https://github.com/tsparticles/tsparticles/tree/main/presets
• palettes folder: https://github.com/tsparticles/tsparticles/tree/main/palettes

हर sub-option की पूरी जानकारी के लिए ऊपर दिए गए tsparticles/markdown/Options source pages भी देखें।