miks

Hi Guys, Anyway, this is my first gsap project that was so ambitions for me but I am trying to learn and happy with gsap modernization of web animation and in advance thanks for your all hard work. Currently I'm working on my companies website. Here is the work in progress. https://dev.creativelabs.com/ Note: Im still fixing the previous function. Any comments and suggestion please. Also I am having trouble on using mouse scroll cause it fires multiple times during the reverse whenever I fire it during reverse. But after the reverse is complete or the animation if I fire multiple scroll it doesn't fire multiple scroll. Happy to share my github repo for this. I hope you could help me. Cheers!

Sorry about that. Cause most third party advertiser is asking the google ad or gwd file to be only 100kb. What if I use gsap with a video animation just like what world of tank does? I was asking what would be the maximum file using and making those kind of digital banners for ads.

I wonder how much is the maximum file size for this using greensock on GWD? Thanks!

Thank you. Yes I smells green now and I wanted a greensock shirt hahaha!. Anyway I resolved it already I tried downloading the AS3 zip then download the file again and it worked. I think I just need to drop all the "bonus files for npm users" to src/uncompressed/plugins right?

I just recently purchased the business club membership. But after downloading the green-sock-business-green.zip it doesn't want me to extract the zip file. And I am having this error.

Hi @OSUblake, I find my way to this reverse animation. Thank you so much.

I am using JointsWP as my based to create my website. I think it only happens when the npm is already compiling all the codes? Thanks!

I wonder why it always says this things every time I build my scripts. But it all working. Thanks in advance.

Thank you @Carl. I will be purchasing it tomorrow. And I'm excited to be a club member

I was going to purchase the Business Green plan. Does it mean that it will only have single developer but can I use it onto multiple site?

I wonder how much you guys charged them for something like this Digital Banners. Specially the interactive once. Also I wonder what application do you guys use to make those canvas animations? Cheers!

Thanks @OSUblake, Actually the one that I am using on this pen below was the one that Carl did sadly I wasn't able to filter the tween that makes it go to the next slide. In this pen below. It does play the animation before going to the next slide. But on reverse it is also reversing the next slide function and the animation. Again, thank you so much for helping me.

Yes, exactly I want it to reverse the ball back first before going to the next slide or previous. If you press it multiple times it will still gonna do the same thing. It will wait for the animation in fully play back, then go to next/previous slide. Just as the same as this website does. https://cuberto.com/ and http://richbrown.info/.

@OSUblake, It does but its missing something. On this pen. There is an animation ball on the Slide 1. If you click Slide 2 I want the Slide 1 ball animation to reverse before it goes to Slide 2 and play again the ball animation in slide 2.

Sorry @OSUblake, I don't know how would this work on my case. Actually I just wanted to reverse the current animation before pushing it to the next slide. And to the next slide before I go to the other slide again I wanted to reverse the current animation on the slide.

Hi @Sahil, I hope you could check this pen which I tried to do. But the only thing that is missing is whenever I continue pressing next it keeps making me back to the first slide due to that I'm using a single tween and it also has the next slide transition.

Also, I'm only concerned in this code is the part of onReverseComplete.

Sorry about that. Also, the animation of the arrow is just a reference. I hope I could explain it better now. First, if you click the arrow down it should go to the second slide and after that, if you click the arrow down again it should go to the third slide and so on. (this is what I wanted to happen) Now, what is happening is when I click the arrow down. It goes to the second slide. But if I clicked it again it goes back to the first slide before going to the third slide. Sorry again and Thank you.

I tried adding label to the tweens that I don't like and I was trying to put "currentAnimation.remove("skipActive").reverse();" but didn't have any success.

More like I wanted to skip some number of tween on reverse.

Thank you so much @Carl. I thought that .animation is some kind of function of a library. Anyway I manage to add your code onto my animation slider. But I got stacked on something during the reverse(). It shouldn't reverse on one of the tween on the currentAnimation which the active class. Sorry I really don't know how to execute it not the go back on the previous slide then go to the next slide.

Hi @CarlSorry for my newb question. I wonder what does "this.animation = tl" does? Also is it a vanilla js or jquery or a greensock api. the ".animation. Thanks!

Thank you so much @Sahil. For now I will try my best to achieve what I wanted with your recommendation. But I will still gonna wait for your demo

Hi Guys, I hope you could point me on the right track to be able to make a animation in and reverse approach on this current pen that I attached. My goal is when I enter the section which will be active I wanted to animate all the elements inside (that I can do). My problem is reversing the animation before leaving the current section. Anyway, as you can see on the pen its a scroll wheel transition. Best Regards, Mikhail

Sorry for the late reply. Thank you this work better than previous function that I was using.