Hello,
This it's my first try with GSAP and I'd need your help to understand how should I think to solve the animation process.
I want to achieve
Violet water drop falls down on black background
Then letters start animating - For extra effect I would break "V" letter into two paths so both lines they can get animated simultaneous.
My problems:
My main problem is how to control timing and control visitability of these paths or groups via js
How can I hide cyan letters on the beginning and start with letters animation when the water drop falls into place?
In load animation part: TweenMax.from (".Vletters", 0.6, {drawSVG:"0%"}, {drawSVG:"100%"}, 2);
It seams I cant add delay parameter into the function like: TweenMax.from (".Vletters", 0.6, {drawSVG:"0%"}, {drawSVG:"100%", delay:"2"}, 2);
In on click function I don't understand why violet drop isn't animating.
If possible I would first have
Violet water drop falls
V letter gets animated then this animation is taken to the next left and right letters so that whole "logo" is reveald.