Participating Frequently

Answered

load a movieclip html5 canvas

15 replies
6921 views
Translate

How to display a movieclip when button is clicked in animate cc (canvas html5).

I hope someone can help me. thanks.

html5 stage

This topic is closed to new replies. Start a new post to keep the conversation going.

JoãoCésar17023019Correct answer

Community Expert

Hi.

Two ways of doing this is making the Movie Clip visible or adding from the library. It depends on what you want.

Assuming that you have a Movie Clip on the stage called 'mc' that has its visible property unchecked in the Properties panel and it has a linkage name of "Rectangle" in the Library panel. And you also have two buttons called 'buttonVisble' and 'buttonAdd' on the stage, add this code to the main timeline:

var that = this;
this.buttonVisible.addEventListener("click", makeVisible);
this.buttonAdd.addEventListener("click", addFromLibrary);
function makeVisible(e)
{
    that.mc.visible = true;
}
function addFromLibrary(e)
{    
    that.addChild(new lib.Rectangle());
}

Working example: here.

Regards,

JC

C

chanzart8899Author

Participating Frequently

one more problem, how to unload movie clip in different timeline?

sorry for my questions. I just learn to adobe animate (html5 canvas).

Thanks

god bless you

Translate

JoãoCésar17023019

Community Expert

What do you mean in different timeline?

Translate

C

chanzart8899Author

Participating Frequently

how unload movie clip is not in current timeline?

Translate

C

chanzart8899Author

Participating Frequently

ok! its work. thank you very much.

but, how to set an movieclip potition on stage if to fit as my wish?

thanks for your help.

how to set the movie clip layout in stage

Translate

JoãoCésar17023019

Community Expert

This is great!

Like this:

var that = this;
this.buttonVisible.addEventListener("click", makeVisible);
this.buttonAdd.addEventListener("click", addFromLibrary);
function makeVisible(e)
{
    that.mc.x = 400;    
    that.mc.y = 100;    
    that.mc.visible = true;
}
function addFromLibrary(e)
{
    // store the object in a variable
    var rec = new lib.Rectangle();
    rec.x = 150;
    rec.y = 250;
    that.addChild(rec);
    
    // or add directly
    //that.addChild(new lib.Rectangle());
}

Please don't hesitate to ask if you have any further questions.

Regards,

JC

Translate

JoãoCésar17023019

Correct answer

Community Expert

Hi.

Two ways of doing this is making the Movie Clip visible or adding from the library. It depends on what you want.

Assuming that you have a Movie Clip on the stage called 'mc' that has its visible property unchecked in the Properties panel and it has a linkage name of "Rectangle" in the Library panel. And you also have two buttons called 'buttonVisble' and 'buttonAdd' on the stage, add this code to the main timeline:

var that = this;
this.buttonVisible.addEventListener("click", makeVisible);
this.buttonAdd.addEventListener("click", addFromLibrary);
function makeVisible(e)
{
    that.mc.visible = true;
}
function addFromLibrary(e)
{    
    that.addChild(new lib.Rectangle());
}

Working example: here.

Regards,

JC

Translate

A

Ahmed-Hussein

Participant

Hi,

Is there anyway to load dynamic symbol from library?

I created different linkage names for sybmols and would need to load one of them each time according to the button event I click. Then I need to scroll the dynamically loaded movieClip within certain area on the stage.

Thanks in advance

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.