Controls

Ripple Tank

Boids

About this Project

This is an interactive ripple tank and boids flocking simulation created as a single, library-free HTML file. It's designed to be highly customizable through URL parameters.

Changelog

• **v2.0:** Added boids flocking simulation. Boids interact with the water, creating ripples. Implemented major rendering optimization using `putImageData` for huge performance gains. Added extensive boid controls.
• **v1.0 (Initial Release):** Fully interactive ripple tank with customizable color scheme, headers, and real-time configuration via URL parameters. Includes dark theme, mobile support, and a detailed help screen.

Original Prompt

... (prompts omitted for brevity) ...

Technical Specs

The simulation uses a finite difference method for the water and the classic Reynolds' Boids algorithm for flocking. Rendering is highly optimized, using a single `putImageData` call per frame. All configurations are managed in a single JavaScript object, which is populated from the URL parameters on load and updated dynamically.