Hello. Looks like we have a memory leak in the draw function in wave.ts. I can see the draw function being called in a continuous loop even when the component has been unmounted. I was getting a console error regarding this.

The animation works great when loading the page initially, however if the user decides to resize the browser window, or the canvas' dimensions, the animation slows down greatly. I do not know the cause of this issue, but I noticed it as I was playing around with the code myself. The bug is present on your live demo as well. Any ideas?

Option to change color of wave.

1. Color picker to select 2 colors
2. Opacity low button so that user will not miss the button.
3. Configuration to hide the button if needed

New Concept

• A button to generate random color.
• User press the button, the color changes.
• One wave will have full alpha, another wave will have slightly less but the same color so that we don't have to create 2 buttons.

Currently, the wave just "snaps" to another color.
A smooth transition would look nice and appealing.