Complex SVG Animations Made Simple with JavaScript

[@DesignCourse]

2-3 weeks: The AdvancedFrontends early access launch! Enter your email: designcourse.com/af

[@elissitdesign]

Instead of making a black box for a bg you can make the document bg a color by going to File>Document Setup. Grid colors the top swatch is the bg. Change that color and click the “simulate colored paper” then close. To see it you have to zoom in and out to update viewport. Wallah!

[@XxbankerboomxX]

I think you might be the best at gsap on youtube to this point

[@corikomiyama7492]

This is a really cool video! Thank you!

[@kerrykreiter445]

Wow, coolness award

[@shreyasrajagopal4433]

Cool stuff man! Thanks for sharing!

[@Jacob_Price]

Thanks for the video!

[@sushantpaudel8259]

Great one @Gary

[@ibnsiddique6063]

Can you come with the tag of SVG? Or, you have already published any videos on it?

[@4541047]

Why you are not publishing the code...?

[@RajatKumar-ls7vq]

15:18 I almost spat my coffee out 😂

[@templatesjungle]

Great Video.

[@viralprajapati8441]

My gap code is not working!

[@rickharold7884]

super cool

[@user-gb1vo4si2b]

my .svg looks extremely untidy when opened in VSC, any way to export it properly or make it look better please?

[@nikhilverma4976]

Quick question, can i use gsap for commercial purposes. Also, will i be losing anything if i used Anime js instead?

[@theovandormael8698]

I've text like you, but when i do "from yPercent: -200" it starts 200% from top, slide down, and stop like 50% before initial position

[@mcwooley]

Any way of adding sound? And/or even better... realtime sound (midi+sf2, tone.js, etc.)? And is there any way to save all this in one download (.html, .xml, etc.)? One that doesn't need internet even if it needs a browser? Thanks

[@hydyravezberdiyew676]

But why do we need SVG for that? We can do this with divs and spans, no? Thanks gasp work is amazying

[@serychristianrenaud]

Thank 🎉

[@user-kv7is1wd6p]

Is Inkscape able to do this ?

[@dendog9926]

yes

[@JlHAD]

Too long of a loader it’s not UX friendly, although it’s cool but I don’t see it being worth it

[@LennertK]

The point with tutorials is usually not to copy everything exactly, but to use the knowledge to create something of your own. I do agree that it takes way too long in this example, but I will use the knowledge in this to create something shorter for myself