Skip to main content
photogyulai
Inspiring
October 17, 2021
Question

Adobe animate - createJS filter on movieclip animation

How can i combine animation with createJS filter(s) on movieclips in adobe animate?

If a "drop" the filter on anything that moves the animation stops. (i see some spirtesheet solutions but i want to avoid that. I need solution for movieclip animation)

Here's my EaselJS code ("sliderValue" is a value of a slider, please see example (link)):

 

myMovieClip.filters = [
       new createjs.ColorFilter(1,1,1,1, sliderValue,sliderValue,sliderValue,0)
 ];
 myMovieClip.cache(0, 0, 195, 195);

 

As you can see in this example: www.fotobetyar.hu/easeljs/ I just wanted to rotate AND change the brightness of the cross/movieclip.

Rookie programmer here. Please write examples. Thanks

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

    2 replies

    Legend
    October 18, 2021

    You don't. CreateJS filters are implemented in JavaScript instead of natively by the browser, which makes them too slow for real-time animation effects. So CreateJS stops you from shooting yourself in the foot by not even allowing them to be animated.

    Translate
    JoãoCésar17023019
    Community Expert
    Community Expert
    October 18, 2021

    Hi.

     

    I think you're gonna have to iterate over each shape and/or bitmap in your Movie Clip instance and apply the filter individually instead of applying to the whole container.

     

    Please let us know if this could work for you.

     

    Regards,

    JC

    Translate