Home▸Sound & Music▸Fourier Synthesis: Epicycle Wave Builder (2D)

🎵 Fourier Synthesis: Epicycle Wave Builder (2D)

2D Fourier series synthesizer: sum sine harmonics with adjustable amplitude to build a waveform, watch a rotating epicycle wheel trace it live, and hear the result.

Sound & Music2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategorySound & Music

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsWaveform preset buttons (Sawtooth / Square / Triangle / Sine), Per-harmonic amplitude sliders (8, a1-a8), Harmonic count slider (limits active harmonics 1-8), Sound toggle (real Web Audio sine oscillators), Epicycle wheel toggle (rotating-vector construction vs static plot)

Fourier SeriesSoundHarmonicsEpicyclesWaveformSignal Processing

Related simulations

Fourier Epicycles (2D) — Drawing with Rotating CirclesA 2D canvas drawer that reconstructs a preset or hand-drawn closed shape as an animated…

Musical ScalesPick a root note and scale type, drag the octave slider, and click any key to hear it.…

Standing Waves in PipesChange pipe length and pick an open or closed end to see which harmonics fit, where nodes… ⊞ All 173 in Sound & Music →

⚙ Under the hood

A 2D Canvas Fourier series synthesizer: eight adjustable sine harmonics sum into a composite waveform, drawn both as a plot and as a rotating epicycle wheel whose tip traces the curve live. Switch between sawtooth, square, triangle and sine presets, limit the harmonic count, and hear the result through real Web Audio oscillators while a live readout tracks the approximation error against the ideal waveform.

Fourier SeriesSoundHarmonicsEpicyclesWaveformSignal Processing

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install