The user wants a real-time fluid simulation in a single HTML file. This is a classic computational fluid dynamics problem. I'll create a WebGL-based fluid simulation that:

1. Uses full-screen canvas
2. Simulates fluid dynamics with advection, diffusion, and projection
3. Handles mouse interaction to inject dye and velocity
4. Creates beautiful swirling colored effects

Key components I need:
1. WebGL shaders for the simulation (velocity, dye, divergence, curl, pressure, gradient subtraction)
2. Framebuffers for ping-pong rendering
3. Mouse interaction logic
4. Render loop

Let me create this comprehensive single-file solution.

I'll create a real-time fluid simulation using WebGL for performance. This will include advection, diffusion, and projection steps with beautiful dye colors.

I've created a comprehensive fluid simulation. Let me verify it works correctly by checking if there are any issues with the implementation.

The simulation includes:
1. WebGL-based fluid dynamics with advection, diffusion, and projection
2. Double buffering for velocity and dye textures
3. Curl calculation and vorticity confinement for realistic swirls
4. Mouse interaction that adds velocity and dye to the fluid
5. Beautiful colored dye with enhanced rendering
6. All self-contained in a single HTML file with no external dependencies

The code should work well. Let me make sure there are no syntax errors by doing a quick check.

I've created a complete real-time fluid simulation in a single HTML file. Here's what the simulation includes: ## Features **Physics Simulation:** - Advection - moving quantities along the velocity field - Diffusion - gradual dissipation of velocity and dye - Projection - enforcing mass conservation (pressure solve) - Curl calculation - measuring local rotation - Vorticity confinement - enhancing swirling effects **Visual Effects:** - Full-screen canvas with smooth WebGL rendering - Colorful dye particles that swirl and merge - Enhanced brightness and contrast with subtle glow - Vignette effect for visual depth - Random color cycling during interaction **Interaction:** - Click and drag to inject velocity and dye - Move mouse in any direction to create swirls - Colors randomly change during interaction **Technical Implementation:** - Pure WebGL with custom shaders (no libraries) - Double buffering for velocity and dye textures - GPU-accelerated computation - Self-contained with no external dependencies or network requests - Responsive canvas that adapts to window size Simply open `index.html` in any modern web browser and start dragging your mouse across the screen to see the beautiful fluid simulation!