# Fourier Playground

Mix Sine-Waves of different frequencies and see what happens!

Use formulas to generate Series:Manually enter Vectors:

Frequency | Amplitude | Phase |
---|

5

0.01

Mix Sine-Waves of different frequencies and see what happens!

Use formulas to generate Series:Manually enter Vectors:

Frequency | Amplitude | Phase |
---|

5

0.01

Technically this is an inverse fourrier transform.

Its actually quite simple!

Any Signal can be created throug the summation of sine waves with
different frequencies and phases. That's what a fourrier Transform is
all about. Read more about it
here.

Here, every sine-wave is represented as a vector with an amplitude
(length), frequency (rotation speed) and phase (starting rotation),
which you can see on the left. These vectors are rotated by a certain
ammount every frame, based on their frequency. Afterwards all of them
are summed (start of one at the tip of the previous one) together and
the vertcal position at the tip of the last one is drawn.

Triangle Wave

Sawtooth Wave

This animation is written using p5.js. Furthermore, I believe that the source code is fairly readable. If you want you can take a look and/or contribute by clicking the link below.