Particles Background

Auto-injected behind-blur particle background. DPR=1 for performance. Provided by src/lib/corrupted-particles-background.js.

Live Demo

CorruptedParticlesBackground auto-injects a floating Japanese-phrase canvas behind its target element. No manual <canvas> tag needed.

Particles Active

The canvas sits at z-index: 0 — content above it remains interactive. Use the controls below to adjust particle density and speed.

Particle Controls

25
0.5
100
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