.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
SVG Sine Wave - emulate audio equalizer
Hi guys,
this is the first time I write to the forum, mostly because I've always found really helpful topics in the past. I want to create an svg animation that will resemble an audio equalizer, with some random spikes on the curves and be able to control the timeline. It needs to start with a straight line animate to some curves and return to a straight line.
The effect I would be going for would be similar to this https://www.youtube.com/watch?v=bpOSxM0rNPM (does not need to be 100% sam
I didn't forget about you. Just kind of busy.
Understanding how this animation works is relatively easy. Everything is essentially a ratio, a percent in the range of [0,1]. Even Sine is a ratio, but is in the range of [-1,1]. No matter what number you put into Sine, it will return a number in that range, which is where the up and down motion comes from. The contour of a wave can be created by using a CustomEase, getting a ratio from it, and multiplying it by the height and Sine ratio
