tweens to play at same time

[Lacika1981]

Hi,

 

I need a help to solve my issue.

I have a for loop where I create tweens on a sub timeline that is added to the main timeline. The problem is that each tween that added to the sub timeline played a slight later then the previous one.

 

I have an array with elements `pathElem`.

 

var pathObject = {
  	pathElem: [],
	pathLength: [],
	pathTiming: null,
	};

var tlMain = new TimelineMax();
var tlSub = new TimelineMax();

for( var i = 0; i < chartContainer.length; i++ ) {
	tlMain.add( tlSub.from(pathObject['pathElem'][i], pathObject['pathTiming'][i], {drawSVG: 0}, 0));
	}

tlMain.play();

 

What should I change to play them at the same time?

[Carl]

 

hmm, this code is a bit unorthodox. Not sure why you are calling from() on tlSub and using that inside an add() for tlMain. Please try this

 

for( var i = 0; i < chartContainer.length; i++ ) {
    tlSub.from(pathObject['pathElem'][i], pathObject['pathTiming'][i], {drawSVG: 0}, 0);
    }

 

that will put all the tweens inside tlSub at a time of 0.

If tlSub needs to be nested in tlMain, then after the loop you can do

 

tlMain.add(tlSub)

 

 

 

In the future, please consider making a demo. It will help us better understand what you are trying to do and provide accurate solutions. thanks

 

 

 

 

 

 

[Lacika1981]

Thank you @Carl

 

I am sorry I did not add code to the question.

Changed the code and it works fine now. I straight realised what I have done wrong. I had an issue previously so thought to add the sub tl to the main one will solve the issue.