Using TimelineLite/Max to play through an array

[patdoyle]

I have an array of samples that i am displaying as a gauge, and i want the timeline to control where i am in the array. What is the best way to do this? Do i need to make each one of these samples a tween or can i leave it as a number? A nudge in the right direction would be extremely helpful... Thank you

[Carl]

Hi and welcome to the GreenSock forums.

 

I'm having a very difficult time visualizing what you want to do.

I don't know what a sample is or how it can be a tween or left as a number. Thus I really don't know how an Array of samples is being displayed as a gauge.

 

It would really help to see a reduced CodePen demo as explained here: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/, the simpler the better. It is most important to be able to understand what a sample is and what exactly is in your Array.

 

Thanks!

[patdoyle]

okay i made a codepen, its very hacky because i just came up with it. I may be trying to use this for the wrong thing. Im trying to use the timeline to manage where i am in my array which is being displayed on the gauge

 

See the Pen DCxbL by anon (@anon) on CodePen

[Carl]

Thanks for the CodePen. I still don't understand what you are going for fully.

 

Maybe this will help: http://codepen.io/GreenSock/pen/sFHAm

 

It uses a TimelineLite to build a sequence of function calls that pull out the next number in your Array.

This is the closest I can get to using a timeline to control where you are in an Array.

 

If the samples are an array of tweens then you could do something like the loop code you commented out

//tween, start position
tl.add(samples[i], i);