Search the Community
Showing results for tags 'onCompleteAll'.
Found 8 results
-
Hey, I just have a question regarding behaviour of stagger methods callback onCompleteAll. onCompleteAll does not fire whenever there are no DOM elements found by a tween - in other words, when there's no target DOM to tween (eg. ".nav-item" does not exist), onCompleteAll does not fire. I wish it would, since I have chain logic in my app. I also do not want to validate whether target elements exist every tween call. I simply resolve a promise on the callback and since stagger does not complete, promise does not resolve. How to deal with that? Thanks
-
Hello! I want to make cyclic animation I use TweenMax.staggerFromTo. For this purpose I want to restart function with animation. How to me to make it? onCompleteAll does not work. It is started constantly during animation, but not at the end. Forgive for my English.
-
I've seen several posts about onCompleteAll being placed at the end so it only runs when all tweens of a staggerFromTo have finished. So, here's where I placed it. Is this wrong? Because it never runs the pertyColors function. function drawIn() { var rbg = toRgb(colors); TL.staggerFromTo( selectorsArr, 0.3, { drawSVG: '0' }, { drawSVG: '0 100%', stroke: function(){ return rbg[Math.floor(Math.random() * rbg.length)]; }, visibility: 'visible' }, 0.3, pertyColors); // onCompleteAll => pertyColors (not running) } Could it have something to do with the stroke: function() breaking the callback? I've made sure I have the latest js files. (What I'm trying to do is draw in an SVG, then animate the colors and then draw it out after a period of time.)
-
I have a simple script that changes images opacity, and need to use onCompleteAll, but it seems neither it does work with TweenMax nor with TimelineLite, I checked on latest versions of FF and Chrome, win7 my code looks like this: $('img.normal').css('opacity', 0); TweenMax.staggerTo($('img.normal'), 0.3, {css:{opacity:1}, onCompleteAll:doSth},0.2); function doSth() { console.log('tweening done'); } neither this one works: var tl = new TimelineLite() tl.staggerTo($('img.normal'), 0.3, {css:{opacity:1}, onCompleteAll:doSth},0.2); onComplete works, but that's not what I need Any help please?
-
I am following the iHateTomato course and try to modify something. I want the main timeline to stop at the end of all the stagger effect like so: .staggerFromTo($pixel, 1, {autoAlpha: 0, cycle: { scale: ['0.5', '2'] }}, {autoAlpha: 1, scale: '1', ease: Elastic.easeOut.config(1, 0.3)}, 0.3, pauseProjects, [projectClass]) .add('pixelsIn') And the pauseProject function is function pauseProjects(projectClass){ console.log ("Main timeline pause!"); tlProjects.pause(); } It is throwing this error: TweenMax.min.js:16 Uncaught TypeError: b[a].apply is not a function And the console never log. What is wrong?!
-
http://codepen.io/robbue/pen/b4b4f3dbcaca0ae6f8a6f97bfa5ac562 invalid onCompleteAll tween value: function allComplete() { console.log('all complete'); } I want a function to run when all the tweens is finished. What am I doing wrong?
-
Hi guys, I'm having problems implementing the onCompleteAll function within my TimelineMax animation. My code looks like below var tl = new TimelineMax(); tl .from('.text1',0.5,{opacity:0, y:'+=10'}) .to('.text1',0.5,{opacity:0},'+=3') .from('.text2',0.5,{opacity:0, y:'+=10'}) .staggerFrom('.footer',0.5, {opacity:0, y:'+=10'},0.2, addBirdEvent) function addBirdEvent(){ console.log('footer animations done') } Problems are: The stagger animation runs immediately. I'm expecting it to run after the previous animation ends. The addBirdEvent (which is my onCompleteAll function) also runs immediately. I also tried using onCompleteAll: addBirdEvent but theres an error saying 'missing ) after argument list.' What do you think is wrong with my syntax? Thanks in advance!
-
TweenMax.staggerTo(".box", 1, {rotation:360, y:100}, 0.5, onCompleteAll:test); function test(){ alert("example") } Why doesn't work????? Green sock documentation: "Note that if you define an onComplete (or any callback for that matter) in the vars parameter, it will be called for each tween rather than the whole sequence. This can be very useful, but if you want to call a function after the entire sequence of tweens has completed, use the onCompleteAll parameter (the 5th parameter)."
