Search the Community
Showing results for tags 'multiple timelines'.
Found 4 results
-
Hi All, I got stuck in gsap where Multiple tweens having different properties tweening at the same time. I can fix if the duration is hardcoded but if there is dynamic duration value what I am passing through variable in real app then it does not follow the timeline smoothly. I also tried positioning but in dynamic case, positioning was also not working. Therefore, I need help. I also have added codepen where I have given some hint about what I am trying to do. In the codepen, I am trying to animate rows on one side and image on other side should animate at the same time. image is fading away and row's background and color is changing depending on image but timelinemax has sequence whereas tweenmax is running at the same time. timelinemax waits untill one tween ends but i want one group of animations to start and end at the same time then move to another. So could someone please explain how can I achieve it. Thanks in advance! In Short: Multiple tweens with different properties animation at same time. one group of animations start and end at the same time. -
Hi guys, I'm struggling to get scroll magic & multiple timelines to work together. The first timeline plays but the other 2 seem to start out of view. Checked this against a few examples and it looks pretty much the same but all I can find are tween examples. If anyone can see the problem here that would be fantastic. Cheers, Smallio
-
Hello Animation Friends, I simply don't know how to go further with my next task, and I hope I don't have to start all over with the way my timelines are structured. I'm wondering if it's possible to get this codepen to play like a carousel. You will see I have buttons that open my content on click. But in my initial state, I would like them to take turns opening automatically like a carousel. And once the user starts interacting with this glorified carousel, it would stop auto opening and closing. I'm brand new to greenSock and can't seem to wrap my head around how to go about doing this. Any ideas? I'm thinking that i may need to make a master timeline that plays everything. Also, where's a good place to learn about nested timelines? I haven't done this before, but I know it's possible. Thanks guys, Gregg
-
Hello GSAP community! I have written a jquery plugin which includes some greensock animations. The plugin is a slider that has some elements fading in. I have no problems with the plugin itself, but the way that I use gsap makes me wonder if I'm slowing down the overall performance. Consider the following, Every time the slider updates, I create a new timeline like in the code example below. var tl = new TimelineMax(); tl .to(this.$nextSlide, this.settings.speed, {opacity: 1, right: '10%', ease: this.settings.easing}, 'A') .to(this.$currSlide, this.settings.speed, {opacity: 0, right: '0%', ease: this.settings.easing}, 'A'); What happens to the "first" timeline when the next is created? My initial thought was that it simply gets overwritten. Would reusing the "first" timeline benefit performance? Also, I have one question about including GSAP. At the moment I'm pulling in gsap like this <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.1/TweenMax.min.js"></script> If I'm only animating the opacity and the right position of DOM elements along with custom easing, which GSAP package should I include in my project? I don't want to load stuff that I don't use. Thanks in advance!
