Sine Wave Generator

This visual synthesis tool generates adjustable sine wave animations using the HTML5 Canvas API, allowing users to explore wave physics concepts like amplitude, frequency, phase, and speed in real-time. The generator renders the mathematical function y(t) = A * sin(2πft + φ), where users dynamically control variables to observe immediate visual feedback, transforming abstract equations into tangible oscillating patterns.

The visualizer draws a continuous path by calculating y-coordinates for every x-pixel across the canvas width, connecting them to form smooth curves. Animation is achieved by incrementing the phase offset in a requestAnimationFrame loop, creating the illusion of lateral motion. Users can customize the wave's appearance with adjustable line thickness, colors, and grid overlays, making it suitable for educational demonstrations, audio visualization concepts, or generating cool abstract backgrounds.

A key feature is the high-resolution export capability, which renders the current wave state as a transparent PNG image. This allows designers, students, and educators to capture specific waveforms for use in presentations, textbooks, or graphic design projects without needing complex plotting software. The tool operates entirely client-side, ensuring smooth performance even on lower-end devices.