Yes, that's what I'd rather do, Oliver16Years.
But if I keep all code in the main timeline I need to communicate between the main timeline and the child movie clip, right?
My intent: I need to tween (scale and position) two MCs together: the child MC and its 'close' button. (The user will click on the small dashboard image and it scales up along with its 'close' button located in that same MC. User can then click on that close button to tween everything back to original size and position.)
In Shaun Gorneau's helpful example: http://codepen.io/sgorneau/pen/qrpxMy he has both elements in the same DIV and the JS just tweens the whole DIV...like a parenting situation. That's how it's done in a web page...
So, I'm assuming,but please correct me, that the way to do the same thing in a GSAP + Animate framework (HTML5 <canvas>) is to put all the elements into a child MC...and tween that MC.
That looks good but how do I get the code in the main script, like the event handler that listens for clicks on the Close button in the child MC?
IOW: How do you make this line (below) work when you move the close button into the child MC?
var stage = this;
stage.CloseButton.addEventListener("click", ScaleDownDashboard.bind(this)); //Add event listener to the Close button