Particles Background

CorruptedParticlesBackground auto-injects a floating Japanese-phrase canvas behind its target element. No manual <canvas> tag needed. The canvas sits at z-index: 0 — content above it remains interactive.

Particle Controls

Count 25

Speed 0.5

Line Distance 100

NSFW phrases 18+

Usage

import { CorruptedParticlesBackground }
  from 'src/lib/corrupted-particles-background.js';

// Injects a canvas immediately before .glass-backdrop (default selector).
// No <canvas> tag needed — the canvas is created and inserted automatically.
const bg = new CorruptedParticlesBackground({
  targetSelector: '.glass-backdrop',
  count:          25,
  speed:          0.5,
  lineDistance:   100,
  nsfw:           false,  // opt-in 18+ phrase pool
});

bg.stop();     // pause rendering (saves GPU when hidden)
bg.start();    // resume
bg.destroy();  // remove canvas + listeners