Jump to content

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


Sign in to follow this  

| GreenSock

TimelineMax extends TimelineLite, offering exactly the same functionality plus useful (but non-essential) features like repeat, repeatDelay, yoyo, currentLabel(), tweenTo(), tweenFromTo(), getLabelAfter(), getLabelBefore(), getActive() (and probably more in the future). It is the ultimate sequencing tool that acts like a container for tweens and other timelines, making it simple to control them as a whole and precisely manage their timing. Its easy to make complex sequences repeat with TimelineMax and there are plenty of methods and events that give you complete access to all aspects of your animation as shown in the demo below.

See the Pen Burger Boy Finished / TimelineMax page by GreenSock (@GreenSock) on CodePen.

Interesting note: The animation in the banner above is a mere 11 lines of TimelineMax code. The next demo illustrates many of the things TimelineLite and TimelineMax handle with ease, such as the ability to:

  • insert multiple tweens with overlapping start times into a timeline
  • create randomized bezier tweens
  • control the entire set of tweens with a basic UI slider
  • repeat the animation any number of times
  • dynamically adjust the speed at runtime. Notice how the play / pause buttons smoothly accelerate and deccelerate?

See the Pen Burger Boy Finished / TimelineMax page by GreenSock (@GreenSock) on CodePen Be sure to check out TimelineLite for more info on all the capabilities TimelineMax inherits. The chart below gives a birds-eye look at the methods these tools provide.

  • TimelineLite and TimelineMax Methods
  • add()
  • addLabel()
  • addPause()
  • call()
  • clear()
  • delay()
  • duration()
  • eventCallback
  • exportRoot()
  • from()
  • fromTo()
  • getChildren()
  • getLabelTime()
  • getTweensOf()
  • invalidate()
  • isActive()
  • kill()
  • pause()
  • paused()
  • play()
  • progress()
  • remove()
  • removeLabel()
  • render()
  • restart()
  • resume()
  • reverse()
  • reversed()
  • seek()
  • set()
  • shiftChildren()
  • staggerFrom()
  • staggerFromTo()
  • staggerTo()
  • startTime()
  • time()
  • timeScale()
  • to()
  • totalDuration()
  • totalProgress()
  • totalTime()
  • useFrames()
  • Methods exclusive to TimelineMax
  • currentLabel()
  • getActive()
  • getLabelAfter()
  • getLabelBefore()
  • getlLabelsArray()
  • repeat()
  • repeatDelay()
  • tweenFromTo()
  • tweenTo()
  • yoyo()

Get an all-access pass to premium plugins, offers, and more!

Join the Club

With great power comes great responsibility. Tween wisely.

- Team GreenSock
Sign in to follow this  

User Feedback

Recommended Comments

There are no comments to display.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.