Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Search the Community

Showing results for tags 'delay'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

  1. I would like this svg to 'appear to be drawn in a z-form. meaning top (green) line from left to right, then (red) line from where the green line leaves off and returns diagonally right to left, then finally the bottom (black & grey with shading) lines are drawn again left to right. There are two lines that form the bottom line, they should draw at the same time, each of these four lines need to be drawn separately to allow the path width to change a little across each direction change and the two lines (as well as allowing for shading of one) allows the width of the combined line to
  2. I have nice animation on Code Pen Now I have this: 1)Animation starts 2)Animation reverse by yoyo 3)Animation starts 4)Animation reverse by yoyo How I can make this: 1)Animation starts 2)Delay 6 seconds 3)Animation reverse by yoyo 4)Animation starts (without delay) 5)Delay 6 seconds 6)Animation reverse by yoyo
  3. Hi there! So the issue that I'm running into is that I am trying to pause all of the tweens that are .isActive(). This works for all tweens that are actively tweening, but not those that have a delay on them. They will then play while everything else if paused. So what I'm looking for is a way to get .isActive() that includes delayed tweens. Any help? Some background: Originally, I was using .pauseAll(true, true), and .resumeAll(true, true). And that worked as expected, except I couldn't continue using that method because I can't resume all tweens because some will need to be resume
  4. I need to make this event happen a few seconds after page loads. Can someone help? Also, the type weight is normal during transition but is bold as it should be after transition. Why? Thank you!
  5. Hi, I've been playing with your cursor demo and trying to incorporate it into a TimelineMax (just to get me started as I'm new to all of this). I'm seeing some random delay though in between the cursor stopping blinking, and the text actually being typed and I can't narrow down where it's coming from as it doesn't seem to happen in the original Codepen (although there were some errors in that for some reason!) In addition to that, Chrome is getting a lot of the following messages, these happen at the same time as the delay so I've obviously got something mixed up. invalid top tween valu
  6. Hello, I've been fighting with this for way too long now (I've probably read 14000 forum posts and know the documentation by heart) and I thought it was about time I asked for some advice. http://codepen.io/anon/pen/rVLEbE After you've finished basking in the gloriousness of this fabulous unicorn (and recovered from viewing my lazy code), perhaps you could help me out. Essentially, all I want to do is remove the delays from the respective timelines. The actual code I'm working with is much complex than this (obviously) and involves animating a bunch of SVG elements, hence the
  7. rgfx

    Pause before loop.

    Hello, Trying have the last animation sit for 0.5s before it restarts. Tried a few things that are commented out. Dug around a bit with no luck. window.onload = function() { var logo = document.getElementById("logo") // tweenBtn = document.getElementById("tweenBtn"); //var tl = new TimelineMax({repeat:-1}) var tl = new TimelineMax({repeat:-1}) //logo will animate 100px to the right of its current position tl.to(logo, 0.5, {left:"+=100px"}) .to(logo, 0.5, {left:"+=100px"},"+=0.5") .to(logo, 0.5, {left:"+=100px"},"+=0.5") .to(logo, 0.5, {left:"+=100px"
  8. Hello, I am have a simple animation that hides and shows the navigation. I made this into a TimelineMax sequence where on mouseenter it plays the time line, and on mouseleave it reverses the time line. With out setting a timer for 2 seconds, how can I delay the start of the reverse when the user rolls off? Here is what I currently have. var navTL = new TimelineMax(); navTL.to( $navMenu, 2, { alpha : 1, left : 0, ease : Strong.easeOut }, 'start' ) .staggerTo( $navMenu.find( '.top-btn' ), 1, { alpha : 1 }, 0.2, 'start' ); navTL.pause(); $navArea.on( 'mouseenter',function
  9. How to use renderTime() with "delay" properties? Is that possible?
  10. How do I set animation delay to using timelineLine? I have an animation that store inside slideUpTemplate instance /*========================================*/ var slideUpTemplate = new TimelineLite({ paused:true, onComplete:animationComplete, onReverseComplete:animationCompleteRev }); /*========================================*/ I've an button that will hover in and out event attached to it, and call slideUpTemplate.play() and slideUpTemplate.reverse() respectively. My problem is when I hover out I want the animation to delay for 1second before triggering the slideUpTemplate.reve
  11. Greetings, I have been at this for a couple of hours now to no avail. I am trying to append some tweens to a timeline and use negative delays to offset them (they are the same animation otherwise). My problem is that the timeline is waiting each to finish before restarting, which is what I do not want Here's a link to what I have so far http://codepen.io/Zeaklous/pen/sGbku and my code: var timeline = new TimelineMax({repeat:-1}), electrons = document.querySelectorAll('.electron'), paths = document.querySelectorAll('.path'), atom = document.querySelectorAll('#atom'),
  12. Hello.. in the DOC's there is the addPause() method which Carl brought to my attention after reading Carl's answer on this post.. http://forums.greensock.com/topic/8472-right-way-to-put-pause-marker-inside-timeline/?view=findpost&p=33079 it got me thinking to see if there will be some type of mixture of addPause() with a delay / duration.. kind of like a addPauseDelay() method coming in the future? so say in the middle of my timeline, i want to pause the timeline for say 5 seconds and then continue... right now im adding a to() method with an empty {} properties object
  13. Hello, I have a question about tweens that have a delay at the beginning. //init var highScoreTween:TweenLite= new TweenLite(highScore, 0.4, { delay:1, alpha:1 } ); //here is the question if (highScoreTween.time() < highScoreTween.duration()) { highScoreTween.seek(highScoreTween.duration()); } If I want to check tween for activity, when it has already started, but delay time has not passed. The function time() returns 0 and propertie _active is false. How can I know that this tween has already begun?
  14. How do you set delay in scrollTo plugin? for example: tlS.to(window, 2, {scrollTo:{y:$(".goImg").offset().top, delay:4}, ease:Power4.easeInOut}) I want to delay it for 4 second but it doesnt work. and I not sure is this a bug or not that when I set ease to ease:Back.easeInOut, the scrolling stop working also...
  15. First of all, I would like to say thank you to the author, this is the best Tweening platform available, and I'm happy as paid customer. i always do this when i need to add a delay before onComplete callback triggered : var timeline:TimelineMax = new TimelineMax({paused:true,onComplete:completeHandler}); timeline.append(TweenMax.to(...})); timeline.append(TweenMax.to(...})); timeline.append(TweenMax.to(...})); timeline.append(TweenMax.to(this,1,{})); //adding delay before onComplete triggered timeline.play(); i was wondering is there any better solution to this? Cheers!
  16. Hi there! I hope that somebody can help me out with a problem I stumbled upon. I want to animate on a scroll by using the superscrollorama plugin. With GSAP I can use a timeline to change the position of an element on scrolling. I want the following actions to take place: Move the element from -1900px to 550px on screen by scrolling After that, let the element stay at it's position while scrolling a certain amount of pixels (let's say 2000px) After the 2000px without movement, let the element move from it's current position to 1900. So we have an animation of an element from
  17. Hi, I am working on a flash training presentation including a number tweens which need to appear one after another, mainly texts and some photos flying in or fading out while trying to control the timing of the elements with delay property. I have noticed however that when "delay" used in conjunction with "onComplete" callbacks the delays are somewhat missing and not processed. So instead of delaying the start of the animation and then only do onComplete when it ends it seems like the script is disregarding the delay properties an proceeds immedeately with onComplete callback functions. Please
  18. ISSUE: Using delay with yoyo causes a timing issue that is strange to me. In other words, I don't understand why I am experiencing unexpected results. I will share a JSFIDDLE simplified example that replicates exactly the issue I am experiencing. This is what's happening: I have a delay of 1 and repeatDelay of 1 to continue same delay timing throughout the looping animation. Yoyo is set to true. I would expect there to be a consistent 1 second delay between each tween, but with yoyo in effect, after yoyo returns to the start of the animation, there is a 3 second delay, not a 1 second a
  19. Hello all, I had never used Tweenlite before, yet sometime back had used TweenMax, so I'm rather new to this especially in AS3. I had seen a couple of different syntaxes online, and I hope I'm using the right one - as most things work... but here is one that seems to bug me. Could someone tell me what I'm doing wrong? here the delay works: myTimeline.append( new TweenLite(program_container, 0, {alpha:0, ease:Back.easeIn, delay:2})); but here it does NOT: myTimeline.appendMultiple([new TweenLite(program_container, 1, { alpha:0, scaleX:.5, scaleY:.5, ease:Linear.
  20. Hi. I'm writing a particle tweening script that tweens a bunch of dom elements, which I each give a slightly more delay. Everything looks fine, but when I switch tabs in my browser (chrome, but same in safari) and after that go back to the tab with my particle tweens, the delay seems to be ignored.. All the tweens start at the same time, without the delay! Any idea why this is? If you don't understand what I mean, I could upload the script to my hosting as an example. Oh, and I thought about using timelinelite for this, but I really want the sort of plugin I'm writing to not be depend
  21. I have a 30sec Linear.easeNone tween happening but I want only the last 2 seconds to Sine.easeOut. Is this possible?
  22. Hey folks - Here is what I've done: I've created an introduction animation for my tool Once animated, everything is in place and the too is ready for user interaction I've created a resize event so I can recalculate width/height of stage The resize event removes everything and re-runs the init() function to recreate everything I've captured the totalProgress time of each animation at the point of resize Here is what I'm trying to do: If the animation hasn't run at all at the point of resize, I'd like the animations to run as normal once the resize event is fired If the animation
  23. I'm trying to get TimelineMax to Delay its start for 3 sec and it Doesn't work I used the methods listed in the Documentation, with no success. ill be glad for any help. This is the code I'm useing function stars_OP():void { var timeline_OP:TimelineMax = new TimelineMax(); var clips_OP:Array = getChildrenOf_OP(Object(this).phone_anim_mc.container2_mc); function buildTimeline_OP(e:MouseEvent = null):void { timeline_OP.gotoAndStop(timeline_OP.duration); timeline_OP.clear(); clips_OP = shuffleArray_OP(clips_OP); var a:int = clips_OP.length; while (--a > -1) { var Randsize_OP
×