how to target inside movieclip?

[coolhackin 0 Likes (Newbie)]

Hi Guys,

 

How's it going? I can't seem to figure out how to target inside movieclip on my banner. Basically i want to play the background once my timelime reaches the button - also how I'm i suppose to make the slideshow in code-based? please find attached.

 

http://chriswebstage.com/html5/pcf-rental-bnr-300x250-html5-v2.fla

 

Thank alot,

Chris R

Archive.zip

[Carl 11,325 Likes (Superhero)]

Sorry, I don't understand the questions at all.

I looked at the file and a few things seemed to be animating fine.

 

What does "play the background" mean? I see a layer named bg which has a blue movieclip on it called blackMC.

I didn't see anything on the timeline that looked like a slideshow.

We really have to keep our support focused on the GSAP API. Perhaps you can re-phrase the question or provide a file that only has the necessary code and assets necessary to illustrate the problem. RIght now I'm a bit lost.

 

thanks

[coolhackin 0 Likes (Newbie)]

Sorry for the confusion, if you look closely at my code there's a bldgMC which needs playing when it reach, but i don't know how to target it to play. Inside of this bldg.MC is a timeline slideshow I put a stop() on the first frame, so basically I want to play this after the cta done executing - hope that makes sense, also is there away you can the provide how to do this in codebased? thanks a mil

 

tl = new TimelineMax();
tl.from(root.blackMC, .7, {alpha:0, ease:Power2.easeOut}, "-=.9");
tl.from(root.barMC, .7, {alpha:0, y:300, ease:Power1.easeOut});
tl.from(root.logoMC, .7, {alpha:0, ease:Power2.easeOut}, "-=.3");

tl.from(root.rentMC, .7, {alpha:0, ease:Power2.easeOut}, "-=.3");
tl.from(root.fromMC, .7, {alpha:0, ease:Power2.easeOut}, "-=.3");
tl.from(root.cta_mc, .7, {alpha:0, ease:Expo.easeOut}, "-=.3");

tl.from(root.bldgMC, .7, {alpha:0, ease:Power2.easeOut}, "-=.1");
tl.to(root.cta_mc, .75, {scaleX:.40, scaleY:.40, repeat:-1, yoyo:true, repeatDelay:0.25, ease:Expo.easeInOut});

 

----------------------------------

animate cc html5 canvas - source file

http://chriswebstage.com/html5/pcf-rental-bnr-300x250-html5-v2.fla

----------------------------------

[Carl 11,325 Likes (Superhero)]

Thanks for the instructions. Makes more sense now.

 

To tell a movieclip to play from a GSAP timeline you can call a function. Add this to your timeline where you want the slideshow to play

 

tl.call(playBuilding);

 

add this function somewhere

 

function playBuilding() {
    root.bldgMC.play();
}

 

 

Sorry, but I just don't have the time at the moment to explain how to build the slideshow with GSAP in animateCC.

Since its just a a few images fading in on top of each other, you could probably put all the images in an Array and use TimelineLite.staggerFrom()

 

call-function.fla.zip

[coolhackin 0 Likes (Newbie)]

this is so cool! and helps me alot, thanks again