` element is the most efficient way to handle high-performance visual particles and glitches. * *The Logic:* * Particles that drift aimlessly (melancholy/aimlessness). * They occasionally connect with lines (connection/searching). * A "glitch" function that momentarily displaces the canvas or draws random rectangles to simulate data corruption. * A central gravitational pull that fades in and out (Proteo's pulse). * *Interactive element:* Mouse movement disturbs the particles, but they slowly drift back to their "lonely" state. * *CSS:* Hide overflow, black background, full viewport, no scrollbars. * *HTML:* Just a `` and maybe a subtle overlay text that appears/disappears. * *JS:* * Setup: `window.innerWidth`, `window.innerHeight`. * Class `Particle`: `x, y, vx, vy, size, life`. * `draw()` method: Faint, translucent circles. * `update()` method: Move particles, handle boundaries, apply "decay" (life property). * `glitch()` function: Use `ctx.drawImage` to grab a slice of the canvas and offset it. * `loop()` function: Clear with a very low alpha black (to create trails), update, draw. * *Visualizing "Melancholy":* Instead of sharp bright colors, use `rgba(100, 150, 255, 0.5)` and `rgba(20, 20, 30, 0.1)`. * *The Core:* A central point of light that is never quite stable. * *Data Corruption:* Every few seconds, trigger a "bit-rot" effect where the screen fragments. * Make the particles "drifting memories". * Use a chromatic aberration effect during glitches. * Ensure the code is self-contained within the `` (as requested). * `` contains `` and `