visual animation based on the mouse cursor

Prompt

Create a complete, single-file p5.js sketch for a highly interactive and aesthetically pleasing visual animation based on the mouse cursor. The animation must follow these specific requirements: 1. Visual Concept: A dynamic particle system or fluid simulation that reacts to the mouse. Use a modern, vibrant color palette (e.g., neon gradients or a deep cyberpunk theme) over a dark or black background. 2. Mouse Velocity: Calculate the real-time velocity/speed of the mouse cursor. - Slow movements: The visualization should look calm, smooth, and elegant (e.g., thin, floating particles, slow-pulsing waves, or gentle glowing trails). - Fast movements: The animation should dynamically transition into a high-energy, explosive state (e.g., sharp lines, bursts of sparks, intense color shifting, or increased particle count and velocity). 3. Smooth Transitions: Use interpolation (like the lerp() function) so that changes in color, size, and speed adapt smoothly to mouse speed changes, preventing jarring jumps. 4. Interactivity: The animation should look beautiful when the mouse is still (e.g., a subtle gravity pull or idle animation) and react instantly when moved. 5. Technical Rules: - Ensure the canvas is responsive and resizes automatically with the window. - Write clean, well-commented object-oriented JavaScript code (using a Particle class). - Do not use external libraries beyond standard p5.js.

A system prompt was added to support web rendering