Artur

HI all, just wanted to post a link to a talk which I finally managed to record & edit: https://www.dropbox.com/s/h43x4whptpcg9y1/GSAP%20presentation%20%2B%20slides.mp4.mp4?dl=0 It's on Dropbox but I'm going to post it on YT. In short: It's around 10 minutes long. It's not in-depth, detailed talk, more something like an introduction. Focuses on showing GSAP as a performant tool able to handle complex/ambitious animations. It would be great to hear some of your (GSAP users!) feedback! Cheers, Artur

Hi @nextindex, I basically used a "global" label as the plugins are always loaded before my scripts (see package.json) for the animation on Codepen. Now, for the local plugins I used something like this: package.json snippet: (the same to what you've shown above). Note that "browserify-shim" parts aren't required as GSAP supports both CommonJS and AMD out of the box. You just need to tell Browserify where the plugins are located (in "browser") and they will work. animation.js snippet: Here I depend on ES6 imports (as I use Babel to compile the newer version of JS to ES5). I'm not sure what could be the actual problem but the JS you posted suggests that you haven't imported the plugin you'd like to use in your module. It works on Codepen because, most likely, DrawSVGPlugin is loaded before you scripts and is accessible in the global scope (so you don't have to import it as a module).

Hello Jack, thanks for answering! You gave me an idea of how to deal with the public repo. I figured out that it's possible to deploy the code to GH pages and load all the required content from Codepen level. What's even better people can clone the repo, build it locally, add some changes, and preview them on Codepen. By default assets are pulled from localhost:3000 and if that doesn't work, the web version is loaded. Now, I'm going to add some updates to the repo (a link – https://github.com/arturkot/gsap-intro): Add some more information to the readme file (describe the directories, why Browserify is used, and so on). Sync the audio with animation. It's all good when you just play it. Try to pause and rewind, though. Figure out if there's a way to add live reload for the localhost. And the talk... I'll attempt to publish it next week. Cheers, Artur

Hi everyone, recently I gave a short talk (around 10 minutes long) introducing GSAP and showing how nice it works with package bundlers (like Browserify, Webpack, etc.). I created accompanying intro animation for it so people would get better understanding of GSAP's capabilities and I could reference code chunks from it in my slides.The talk was in Polish but I'm going to re-record it in English and post on YT. Additionally I'd like to share the intro animation on GH in an open repo so people could examine and learn from it. Note that I wouldn't like to use Codepen or a similar service as one of the main points is showing how to split large animations into smaller parts using timelines and Browserify. Although the repo probably won't be open source (or at least – doesn't have to be), it doesn't make much difference in one regard: I've used 2 paid plugins (morphSVG + SplitText) and they would be publicly available this way. I'm well aware that I shouldn't do that. 2 solutions come to my mind now: Share the repo but exclude plugins from it. It would still serve as a nice example but the obvious drawback would be the fact that the animation couldn't be built and played in a local environment. Use basic substitutes. For example I could hardcode some <span> elements and use them instead of SplitText (easy and quick solution) and use frame-by-frame instead of morphSVG (not so elegant but would just work). Currently I lean more towards the second solution unless... You've got some better ideas? Please let me know your thoughts! Thanks, Artur PS. I'll post links for both the talk and animation once they'll be ready.