tsParticles - v4.0.0-beta.12
    Preparing search index...

    Particles Collisions

    Controls how particles interact when they intersect each other.

    Key Type Example Notes
    enable boolean true / false Enables particle-to-particle collision handling
    mode string "bounce" / "destroy" / "absorb" Collision behavior
    bounce object Bounce tuning options, see IBounce
    overlap object Initial spawn overlap handling
    Mode Behavior
    "bounce" Particles bounce off each other preserving both particles
    "destroy" One particle is removed after impact
    "absorb" One particle absorbs another, increasing size/mass effect
    {
    "collisions": {
    "enable": true,
    "mode": "bounce"
    }
    }
    {
    "collisions": {
    "enable": true,
    "mode": "destroy"
    }
    }
    {
    "collisions": {
    "enable": true,
    "mode": "absorb"
    }
    }

    Controls how initial particles are placed when collisions are enabled.

    Key Type Example Notes
    enable boolean true / false If false, overlapping at spawn is prevented
    retries number 1 Number of attempts to find a non-overlapping spawn position
    {
    "collisions": {
    "enable": true,
    "overlap": {
    "enable": false,
    "retries": 5
    }
    }
    }
    • Enabling collisions with very high particle counts can be expensive in large canvases
    • Using mode: "destroy" without emitters can reduce particle count quickly
    • Setting overlap.enable: false with low retries can still allow occasional overlaps in crowded scenes