im currently creating an interactive infographic about all flights from and to Amsterdam Airport (schiphol).
data i'm using is coming from
http://schiphol.dutchplanespotters.nl
as you can see, these are about 500 flights. This means i have around 500 TweenMax objects in my 'main' TimelineMax. (actually main timeline -> flight-timeline -> tweenLite)
I attached a time-slider and set this to control the main timeline.
Now, the problem is - when i let it play for about till noon (about 12seconds), and then 'slide' back in time, some airplanes (Tweens actually) are not being updated.
I already tried mainTimeline.goto, .gotoAndStop, .gotoAndPlay, with and without supressEvents set to true, but it seems to me tweens are just not being updated.
Could someone PLEASE help me with this??
you can test it your self at:
http://dominggus.nl/school/minor_vi/opdr5/
edit:
here's a piece of code from the for loop for creating each tween:
airplaneTimeline = new TimelineLite();
arrivalTime = convertTimeToSeconds(airplane.flight.eta);
airplaneTimeline.append(new TweenLite(airplane, 3, {x:gatePoint.x, y:gatePoint.y, onUpdate:airplane.faceTowards, onUpdateParams:[gatePoint.x, gatePoint.y]}));
airplaneTimeline.append(new TweenLite(airplane, .5, {rotation:parking.rotation + 105}));
if (isDeparture)
{
departurePoint = calculateMarginPointByLngLat(airplane.flight.departureLng, airplane.flight.departureLat);
mainTimeline.insert(new TweenLite(airplane, 3, {x:departurePoint.x, y:departurePoint.y, onUpdate:airplane.faceTowards, onUpdateParams:[departurePoint.x, departurePoint.y]}), airplane.flight.etd);
}
else
{
airplaneTimeline.append(new TweenLite(airplane, .5, {alpha:0}));
}
mainTimeline.insert(airplaneTimeline, airplane.flight.eta);