Help & Project Info

Project Description

This is a single-file, interactive ripple tank simulation created without external libraries. It showcases a fluid dynamics simulation with visually appealing graphics, responsive controls, and high performance. The simulation is highly configurable through a UI and URL parameters, featuring a sophisticated lighting model with specular highlights and refractive caustics.

Running Changelog

v1.1 - 2024-07-27: Enhanced visuals and performance. Replaced slow `putImageData` rendering with a much faster `fillRect` and canvas blur approach. Implemented a more complex lighting model including specular highlights and a procedural "pool floor" texture for refractive caustics. Added controls for shininess and light angle.

v1.0 - 2024-07-27: Initial creation. Implemented ripple simulation, URL parameter configuration, interactive controls, stats display, and a comprehensive help screen.

Original Prompts

Prompt 2: "What can we add to make the fluid beautiful? Optimize or refactor anything you need to. Remember to update the prompt log and change log."

Prompt 1: "Let's write an optimized, interactive ripple tank simulation as a single file in html, css, and JavaScript. Let's not use any external libraries. Really juice the visuals..." (full prompt available in source)

Specs & Context for Future Agents

• No External Libraries: The project's core constraint is to be free of external dependencies.
• Maintain the Changelog: Please add a new entry for any significant changes or features you add.
• URL Parameter System: The configuration system is tied to URL parameters. Ensure any new configurable options are integrated. New parameters in v1.1 are `shininess` and `lightAngle`.
• Performance: The simulation is performance-critical. The v1.1 render loop uses `fillRect` and `ctx.filter = 'blur(...)'` for a good balance of beauty and speed. Be mindful of this trade-off when making changes.