DrawSVG + clip hello world

[francis789]

Trying a variety of syntaxes on the simplest animation with DrawSVG + clip mask and can't see anything animate. What's wrong?

(update: it works now !)

See the Pen oqXKjM by fvila (@fvila) on CodePen

[GreenSock]

Welcome to the forums, @francis789. I noticed several problems:

1. You weren't loading DrawSVGPlugin at all (the codepen-specific one is at https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/DrawSVGPlugin.min.js)
2. You had syntax errors, like you called timeline.on() but I think you meant .to(). You used several set() calls, but with invalid parameters (looks like you put a duration parameter when there's no such thing)
3. You were re-defining a bunch of TimelineMax instances, but adding animations to only one...and using the same values so there wouldn't be any animation after the first one. 
4. One of the elements you were animating had visibility:hidden in the CSS, so you'd never see that.

Here's a super-simple fork: 

See the Pen 125af6f9e09cc32fe0c21e4b9b653928 by GreenSock (@GreenSock) on CodePen

 

 

Does that help? 

[francis789]

Thank you so much.

[francis789]

Got the final helloworld with simplest input.

See the Pen oqXKjM?editors=1111 by fvila (@fvila) on CodePen

 

[GreenSock]

Great, glad you got it working. Happy tweening!