• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Animating simbol on mask layer

New Here ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

Why isn't the symbol animated if I mask the layer on which the symbol is located?

Views

934

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 19, 2022 Nov 19, 2022

clear your cache.  here's that example: https://www.kglad.com/Files/forums/test.html

 

using this code:

 

this.stop();
this.c.addEventListener("click",f.bind(this));

function f(e){
this.s.play();
}

 

 

if you still have trouble, upload your fla to a file server and post a link

Votes

Translate

Translate
Community Expert ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

masking won't change the animation in other layers, masked or not.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

I turned the square into a symbol that changes shape when the button is clicked.
But after I put the "Mask" option on the layer where the square is, there is no animation after clicking on the button.
Why, who knows?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

your mask is interfering with the mouse interaction, not the animation 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

Okay,
How do I make the symbol start playing an animation as a mask that changes size?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

To clarify: to make the symbol start playing animation as a mask - after the mouse clicks on a separate button.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

i don't know how you could be having a problem.  here's a masked movieclip (s) that triggers the main timeline to play when it's clicked.

 

https://www.kglad.com/Files/forums/test.html

 

// this is the code

this.stop();
this.s.addEventListener("click",f.bind(this));

function f(e){
this.play();
}

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

Thanks for the example!
But I have a different problem:
Clicking on the button (separate from the symbol) should trigger a change in the symbol's shape. And this doesn't happen as soon as I mask the layer on which the symbol is located.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

clear your cache.  here's that example: https://www.kglad.com/Files/forums/test.html

 

using this code:

 

this.stop();
this.c.addEventListener("click",f.bind(this));

function f(e){
this.s.play();
}

 

 

if you still have trouble, upload your fla to a file server and post a link

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Nov 19, 2022 Nov 19, 2022

Copy link to clipboard

Copied

In this video I explain how to use a graphic symbol as a mask.

https://youtu.be/V_svCnCa9v4


____
2D vector animator since 2000 & PhD

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 21, 2022 Nov 21, 2022

Copy link to clipboard

Copied

LATEST

Show us a screenshot so we can better understand what you're doing. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines