<script type="text/javascript" src="js/spxparticles.js"></script>
<script>
    window.addEventListener('DOMContentLoaded',(e) => {
    spawnSPXParticles('SPX_ParticleCanvas');
    });
</script>
<canvas id="SPX_ParticleCanvas"></canvas>

var spxParticleSettings = {
    p_texture     :  '../img/fb-haha.png', 
    p_blending    :  'color-dodge',   /* (empty), screen, overlay, multiply, color-dodge... */
    emit_delay    :  30,              /* Delay between each new particle (performance warn!)  */
    emit_left     :  10,              /* Emitter zone left % */
    emit_right    :  90,              /* Emitter zone right % */
    emit_top      :  80,              /* Emitter zone top % */
    emit_bottom   :  90,              /* Emitter zone bottom % */
    zone_visible  :  false,           /* Preview emitter zone on canvas */
    gravity       :  -4,              /* Y move speed (negative: up) */
    rnd_grav_mult :  2,               /* Random speed multiplier */
    spread_x      :  0.5,             /* Dispersion value */
    wind          :  2,               /* Horizontal push force */
    wave_size     :  1,               /* Size of wavy motion */
    wave_freq     :  80,              /* Speed of wavy motion */
    p_life        :  250,             /* Maximum particle lifespan duration */
    p_rnd_life    :  20,              /* Randomize lifespan */
    p_size        :  110,             /* Particle born size in pixels */
    p_rnd_size    :  80,              /* Randomize size */
    p_size_mult   :  0.98,            /* Size multiplier, scale down/up gradually */
    p_rotation    :  0,               /* Spawn rotation (deg) */
    p_rnd_rot     :  15,              /* Randomize rotation (deg) */
    p_rot_wobble  :  true,            /* wobble back and forth? */
    p_rot_amount  :  1.2,             /* Rotation speed */
    p_rot_wofreq  :  40,              /* Wobble frequency */
    p_rot_dual    :  false,           /* both directions CW and CCW */ 
    p_opacity     :  100,             /* Opacity of a particle when born (%) */
    p_rnd_opa     :  0,               /* Randomize born opacity (%) */
    p_opa_mult    :  0.8,             /* Opacity multiplier, fade gradually */
    p_fade_start  :  150,             /* When do we start to fade out */
    p_rnd_fstart  :  20               /* Randomize fade start age */
};