tint does´t work in animate

[MatiasGravano 0 Likes (Newbie)]

Hi,

I am trying to change the color of an object on the stage, but "tint" does´t work at all.

I have already loaded ColorFilter.js in the Script Global.

This is my code:

 

this.clip.addEventListener("click", colorear.bind(this));

function colorear(evt){
    TweenMax.to(this.clip, 0, {easel:{tint:"#000000"}});
}
 

Does anybody know how can I make it works?

Thank you!

 

 

[Carl 11,326 Likes (Superhero)]

please zip a small demo with all your files so we can look at it. thanks.

[MatiasGravano 0 Likes (Newbie)]

Here they go, thanks!

demo.zip

[Carl 11,326 Likes (Superhero)]

Thanks for the zip. Very helpful. 

 

Seems you had 2 issues:

 

1: in order to have a filter applied successfully in EaselJS land you need to call cache() on the object. However, Animate CC gives you an option in the properties panel which comes in handy:

 

 

2: You weren't loading the GSAP EaselPlugin. I don't really know what those ColorMatrixFilter.js file is that you were referencing. This is the CDN url that you can drop into the Global includes

 

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.0/plugins/EaselPlugin.min.js

 

Here is a fixed demo for you: demo-fixed.zip

 

 

[MatiasGravano 0 Likes (Newbie)]

Thank you very much, Carl! It works perfectly.

I really appreciate your help!

[Carl 11,326 Likes (Superhero)]

You're welcome!