Skip to main content

Particle System Config Generator

Design particle effects interactively — fire, snow, sparks, smoke, and magic rings. Tune emitter type, gravity, turbulence, blend mode, colors, and copy the ready-to-use JavaScript config and update code.

✓ 5 built-in presets ✓ Real-time Canvas preview ✓ Export JS config + update code

Frequently Asked Questions

What is a particle system?▼

A particle system is a simulation technique that manages many small sprites (particles) with individual properties: position, velocity, life span, size, color, and opacity. An emitter spawns particles at a rate; each particle's properties evolve over its lifetime according to configured curves. They are used for fire, smoke, rain, snow, explosions, magic effects, and ambient ambience in games and UI.

What does emit rate control?▼

Emit rate is the number of new particles spawned per frame. At 60 FPS, an emit rate of 5 creates 300 new particles per second. Combined with lifespan, this determines the average visible count: particles ≈ emitRate × lifespan (in frames). High emit rates with short lifespans create dense, fast-moving effects. Low rates with long lifespans create sparse, lingering ones.

What is additive (lighter) blend mode?▼

Additive blending adds particle RGB values to the background instead of covering it. Dark areas stay dark, but overlapping bright particles accumulate into glowing white/yellow centers — the signature look of fire, lasers, magical auras, and energy effects. Use it for emissive/glowing particles. Use 'normal' (source-over) for opaque particles like smoke or bubbles.

How does gravity affect particles?▼

Gravity is a constant Y velocity added each frame (positive = downward, negative = upward). It simulates realistic projectile arcs. For fire, set slight negative gravity so particles drift upward. For rain or sparks falling, use positive gravity. Setting gravity to 0 with high turbulence creates floating debris or ambient particles.

What is turbulence in a particle system?▼

Turbulence adds random noise to each particle's velocity every frame, simulating wind or chaotic air currents. A small turbulence value (0.1-0.2) gives organic, natural-looking motion. High turbulence (0.5+) creates wild, erratic movement. Fire and smoke benefit from moderate turbulence; sparks and rain typically use little or none.

What is the difference between point, area, and ring emitters?▼

A point emitter spawns all particles from one coordinate. An area emitter distributes spawn positions across a rectangular region (good for rain, wide fire). A ring emitter spawns particles on a circle's circumference (good for explosions, magic circles). The emitter type combined with angle/spread controls the initial direction of particles.

Share this tool: X / Twitter LinkedIn
✓ 60,000+ developers use DevPlaybook ★★★★★ 4.8 / 5 on Gumroad ✓ MIT licensed · Instant download ✓ No login required

Related Products

on Gumroad

You Might Also Need

More Free Tools

Enjoying this tool? Get more like it.

Weekly developer tool guides, productivity playbooks & AI tricks. Free. No spam.

DevPlaybook Pro 7 days free

Unlock AI-Powered Dev Tools

  • ⚡ AI Code Review, Doc Generator & SQL Builder
  • ⚡ All premium templates & early access
  • ⚡ Member discounts on Gumroad products
Start Free Trial →

$9/mo after trial · Cancel anytime

Want the full toolkit?

Get DevPlaybook Pro

Every template, guide, boilerplate, and automation script in one bundle. 13 premium products — grab them all at once and save big.

$79
$241 separately Save $162 (67% off)
Get DevPlaybook Pro — $79 →

MIT licensed · Instant download · No subscription

See what's included → Browse all deals →