Search the Community
Showing results for tags 'reverse'.
-
Hello, i am new to superscrollorama. I want to disable an animation when you scroll up. I found the code on the website but it doesn't work for me: The 5th parameter is reverse, which you can use to disable reverse animation. controller.addTween('#fade', TweenMax.from($('#fade'),.5,{ css:{opacity:0}}), 200, false); // prevent backwards animation of the element What am i doing wrong? Frans
-
I've been struggling with an issue for some time now and have exhausted all suggestions of a fix. I play and reverse an animation a few times and then suddenly the animation starts reversing to a certain point and stops. As I continue to run and reverse the animation, less and less of the full animation is reversed (presumably because the start point is shifting out). Tracking it in Chrome's "Inspect Element" I can see the CSS properties are left at a point indicating incomplete reversal. I have tried: tl.set(objectToAnimate, {clearProps:"all"}); tl.clear(); tl.kill(); Also tried deleting the _gsTransform that attaches to the object being animated delete objectToAnimate._gsTransform; ......but nothing works. Is this a bug? Example at http://jsbin.com/irixuk/72/edit To replicate bug click blue box, close and repeat until animation fails to return to start (after 3-5 plays usually).
-
Hi, Probably very simple but i cant seem to get my head around timelineMax. I have a movieclip (spinY_mc) that i want to play backwards when i click a back button (back_mc). back_mc has various conditions and is done as a Click event. Can you help?
-
Hello! First of all, I know that this is not necessarily the right place to be looking for answers regarding SuperScrollorama since it's completely separate. But it does seem as though this is a good place to at least ask the question. I'm trying to design a single-page site, and have run into a problem. The effect I'm aiming for is: A fixed, centered <ul> navigation at the top of the page. On scrolling down, the menu will break apart between the 3rd and 4th <li> and create a space of 250px, into which the logo will scroll (and shrink) and then remain for the duration. I'm achieving the effect by adding a margin-right to the third <li> element, and this is what i want to be animated against the scroll position. However, although the page loads correctly, with the margin-right at 0, as soon as the page starts to scroll the margin-right jumps straight to a number around 180px, before scrolling smoothly for the duration that I need it to. Then, on scrolling up, it animates smoothly but only returns to the random 180px value instead of 0. Here's a JSfiddle: http://jsfiddle.net/aTz4X/5/ It's just that initial jump that's the problem. I've been trying to figure it out for days, but can't get to the bottom of it. Any help or pointers would be much appreciated. Rob -
Hello! I'm building up my new Portfolio with your Engine but I have a big problem. It's basically a spinning 3D Cube. I made a a Timeline for each "Spin" and i just Start and Reverse those Timelines. But sometimes when i press the reverse button everything gets messed up. (Attechment). The Timeline im reversing should animate 2 divs. but only one div works correctly. You can try it out yourself at http://deesr.com/ . Just go to the second page, open a few "Colors" and then go back to first page. In some cases it works, but sometimes it doesn't, what makes it even harder to fix.
-
Hi. I declare var cacTimeline; as global variable. I then use it like this in function1 for example : function1 () { cacTimeline = new TimelineMax(); cacTimeline.to($linePath,0.5,{height:300}); ...... } I then want to reverse it in function2 and have a onReverseComplete or some callback at the end. But for the sake of my app , I have to append this callback in function2 , not in the object declaration. function2 () { cacTimeline.addCallback(callback_function_name,0); cacTimeline.reverse(); } Fires the callback_function_name twice. One at the start of the tween , one at the end of the sequence. function2 () { cacTimeline.addCallback(callback_function_name,cacTimeline.totalDuration()); cacTimeline.reverse(); } callback_function_name never fires. Can anyone help me. I'm new to this , maybe there is a better solution for this.
-
Hello I need create a simple infinite scroll animation with text I upload the files for example, I am trying with yoyo but no not achieve the same result I am using AS2 Thanks for help blerlogopase.zip
-
Hi folks! Iam making a platform game, where the Hero can get extra time for picking up some jewel! For time tracking i'm using TweenMax. Is there any way, to pause tween, and skip back(reverse) let's say with 5 seconds? Any help appreciated! tnx daniel
-
The following animated perfectly. All is well. But when I go to REVERSE() the timeline, the ball fades out, but never back in, and continues back to original starting spot at opacity = 0. Why is this? Thanks -Thomas function fadeIn(obj){ var tl = new TimelineMax(); tl.append(TweenMax.to(obj, duration, {css:{opacity:1}, ease:Linear.easeNone})); return tl; } function fadeOut(obj){ var tl = new TimelineMax(); tl.append(TweenMax.to(obj, duration, {css:{opacity:0}, ease:Linear.easeNone})); return tl; } var ball = document.getElementById('ball2'); var tl = new TimelineMax({}); tl.append(TweenLite.from(ball, 12, {css:{marginLeft:900},delay:1})); tl.append(fadeOut(ball)); tl.append(fadeIn(ball));
-
I have two time lines which I would like to play simultaneously. First one plays forward and second one plays in reverse. I can not figure out how to reverse my time line. They both are playing forward. Here is the code I try to implement to reverse the timeline: var movingLights2_timeLine:TimelineMax = new TimelineMax({currentProgress:1 repeat:-1, yoyo:true, timeScale: .5, reverse:true});
-
Is there a way to have reverse appended to the timeline? I'm trying to make a typewriter effect, so when the letters are typed out, it'll reverse it, and type a new sentence. Kind of like you're backspacing the sentence.
-
how can i do reverse from specific scale/time/point in my timeline?
