Skip to main content
photogyulai
Inspiring
October 17, 2021
Question

Adobe animate - createJS filter on movieclip animation

  • October 17, 2021
  • 2 replies
  • 484 views

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 has been closed for replies.

    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.

    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