Fix the wave height (and the component height) not being accurate

[mahozad]

The wave is currently drawn using cubic bezier curves and its control points have simple y-coordinate of waveHeight / 2. This produces a wave with a height less than the specified waveHeight.

To fix this, do one of the following:

• Use the solution provided here: Getting the most accurate bezier curve that plots a sine wave
• Draw the wave using additional nodes (as suggested here: How do I find a Bézier curve that fulfills a given width and height?)
  • one additional node exactly at the crest
  • one additional node exactly at the trough
  • (if needed) one additional node exactly where the wave intercepts the x axis (center of wave)
• Use a sine function for drawing the wave (#6)

Probably related:

• Cubic Bezier curve - how to make height always the same as a given vertical line