andrewandopen

Thank you @GreenSock, this was a complicated, helpful read ?

Hi there, I'm getting the below error when trying to deploy to Netlify. I added club greensock plugins to my project using Module Installation Token as opposed to manually adding the tgz file and it's working fine locally. I've tried adding the tgz file to my directory and still getting the same error.

Thanks for your response @mvaneijgen. So, I'm using refs so that when the button is clicked it scrolls the associated div into view (as opposed to using fixed values), so reverse the scroll to 0 won't work as it will scroll right to the top of the page and bypass the div i want to stop on. Is there a way to scroll the panel back down without using a fixed value?

@GSAP Helper I've just created a minimal demo of what I mean below. So the "scroll in to view" button will scroll my div into view. I would like the "scroll out of view" button to reverse this. https://codesandbox.io/s/busy-danny-6h6wvg?file=/src/App.js

I have a series of panels which are scrolling into my viewport when certain buttons are clicked. At the end of the flow, I would like to have the option of scrolling backwards (essentially sliding the most recent panel out of view again). Is there a way to achieve this? Apologies, I am running this project locally at the moment

As a follow up here, I also tried to install via my command line and receieved the below error, even though I was logged in [1/4] ? Resolving packages... error An unexpected error occurred: "https://npm.greensock.com/@gsap%2fsimply: You must be logged in to install/publish packages.". info If you think this is a bug, please open a bug report with the information provided in "/Users/andrewshannon/platform/yarn-error.log". info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

Thanks for your response @Cassie, should the .tgz file be pasted into my node_modules folder instead of the root directory perhaps?

Hey there, I've followed this installation guide in order to add my Club Greensock features to my react project: After copying the gsap-bonus.tgz into my project directory, and running yarn add ./gsap-bonus.tgz in my command line I am getting the following error: error "./gsap-bonus.tgz": Tarball is not in network and can not be located in cache info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command. Can you please advise on how to get around this? Thanks

Thanks @Rodrigo, I've managed to append these itesm in a more "react" way, still haveing trouble actually getting the animation to work however. Goal here is – every time user clicks the face, a series of animated elements will appear using a similar animation to this Codepen here

Thanks @Cassie, by "wouldn't recommend doing adding in DOM elements" do you mean appending the dot elements to the dom?

Hi there ?, I'm trying to recreate this tutorial in react but getting an error related to registering my plugin. Any ideas? Codesandbox here:https://codesandbox.io/s/jolly-germain-lowxnm?file=/src/components/Physics/index.jsx Thank you

Thanks for your response @Rodrigo, I was getting confused at the point where I need to copy the gsap-bonus.tgz file into my project directory (I wasn't sure in which area), but think I've managed to find the solution. Thanks for your help!

Hi there, I'm a club greensock member, so therefore have access to Draw SVG plugin. I've used it in the past in static sites where I simply download the plugin file and add it to my directory and then link it to my files with the rest of my script tags. I'm using greensock for the first time in React and don't have a clue where to store this file or access it. Any info would be greatly appreciated. Thanks!

Thanks @elegantseagulls, but what can I use to prevent the videos loading initially on page load?

@elegantseagulls I don't, I've been working trying to get something to work locally, but I'm struggling to get started with it. I know how to animate an element when it comes into view using scroll trigger, but can't seem to figure out how to load a video when it comes into view (as opposed to on initial page load) Thanks.

Hey there, I'm working on a site that has multiple videos on my homepage. I'm trying to improve it's performance by only loading videos that sit below the fold when they come into view. I'm trying to use scrolltrigger for this. I've been referencing this post, however it seems extremely complicated and is relevant to images as opposed to videos. Does anyone have any simple solution here? Thanks in advance

@elegantseagulls @Milenoi Would you have an active codepen demonstrating how you achieve this? I'm trying to load my videos when they come into view using scrolltrigger but having difficulty. Thanks in advance

Working now! Thanks so much @PointC ? One more question – this obviously only works with SVG code, rather than a .svg asset?

Very strange, Figma seems to automatically outline svg's when you bring them in to your project ...

Hey @PointC, Thanks for your reply. I just reexpotred it as a stroke (not a solid fill) and still no animation ...

Hey guys, Was following along with your tutorial for the DrawSVG plugin, but can't seem to figure out why it's not animating. Any help would be appreciated. Thanks

When I tried this, the second timeline kicked in directly after the first, as opposed to playing at the same time which is what I want. Link here if it helps , and thank you.

Thank so much for your quick reply jack, much appreciated. While I have you here, something I'd like to ask re scrolltrigger – is it possible to link two animations to one trigger? Currently I have 2 timelines with 2 triggers, but the trigger points are at the exact same position on the page. I would like to neaten up my code a bit by having one trigger, but animate both timelines, is this possible? Thanks.

Hey all, Pretty new to GSAP, using it on a site I've just built for a client that heavily relies on scroll trigger and physics plugins. Is it safer for me to link all of my GSAP files locally than by using a CDN – at leat for the main gsap lib and scrolltrigger (physics plugin is always local). Thanks in advance!

@ZachSaucier Thank you so much for taking the time to go through this. Your explanation makes perfect sense to me, I'm going to have to take some time to digest the code though ?, it seems quite complex. Thanks again for your help!