Build me a canvas Animation

Job ID: 31622888

Budget: $30 – $250 NZD

Looking for HTML5 canvas expert.
I am going to add a animation like attachment fil by HTML5 canvas.
Animation flow is as follows.
There are 4 mainly steps:
Movement 1
LINE like the one below moves from left to right (When loading)

Movement 2
LINE spreads to fill the screen

Movement 3
A number of wavy lines appear in a wavy movement, creating the shape of the MV wave.
Fade out (or disappear) when a lot of them appear

Regarding the design of the wavy line, there is an ai file, so please reproduce it as much as possible.

Movement 4

The image of the wavy line fades in (or slides in)
Other elements are like http://flyingcolors.co.jp/ and https://j-btp.com/
Image of each area sliding in
Related categories: JavaScript Animation HTML5 HTML Google Canvas