Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Awmat's Achievements


Newbie (1/14)



  1. Hi @mikel, I've finished my first GreenSock animation. Its not perfect in all aspects, but I tried to tune it as much as possible. Thanks for your help! Still one questions remain: I want to turn this into gif animation and that's why I've added SVG2GIF script and all it does in my case is to render white rectangle. Are you familiar with this script? i was checking this_ codepen.io/chrisgannon/pen/0e3f0e3af985e1c6949e70e4c8ed4df7
  2. Hey @mikel Thanks for your help and links! It's getting better, but still there are things I'm not able to fix. 1. I would like to hide blue dots at the beginning, so that there would be animating violet drop and then dots explode into position. 2. Is there a property to tween blue dots along the hidden arch line to the final position rather then in straight line as it is now? 3. Is it possible to tween from the center out. I would use such approach with the plus sign at the right? Thanks
  3. Hello @mikel Many thanks for your help! I was able to follow your syntax, but still i'm not comfortable with all the GSAP options and syntax. I've added a few extra objects to the animations as I would like to take animation a little further. I'm looking how to 1. Animate opacity of red circles without the need to use the property y:300, so that all thing would be more smooth. and 2. how to control the timing when specific red circle animation starts. I would like that red circles start to animate (fade in) as soon as possible after below cyan letter is animating. Now red circles start to animate only after cyan letter animation is over and this creates blinking effect.
  4. 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.