Jump to content

Blur filter to work in AdobeAnimate

Recommended Posts

I posted this in the other Forum so I am reposting it here.


For some reason, I cannot get the blur filter to work in AdobeAnimate.

It has been a very long time since I have used flash now animate and GSAP. I have gone through the getting started docs to refamiliarize myself with GSAP, and when I follow the code, I get a blank screen when I test it in the browser. I have my .fla in the same folder as com so I am at a loss as to the reason I cannot get it to work.  I was able to make a timeline and animate using the global get URL method; however, when I try to apply the blur filter to the same string, it does not animate. I have tried adding the blur to my working timeline and it will not animate. I have attached the .fla

I get a blank screen when I attempt:


import com.greensock.TweenLite;
import com.greensock.plugins.TweenPlugin; 
import com.greensock.plugins.BlurFilterPlugin; 
TweenPlugin.activate([BlurFilterPlugin]); //activation is permanent in the SWF, so this line only needs to be run once.
TweenLite.to(logo, 1, {blurFilter:{blurX:10, blurY:10}});

My timeline that works:


var tl = new TimelineMax();

tl.from(this.logo, 0.5, {right:200, alpha:0})
.from(this.title, 0.5, {x:200, skewX:45, alpha:0},"-=0.25")
.from(this.one, 0.5, {left:-100, alpha:0} ) 
.from(this.two, 0.5, {scale:0.5, alpha:0},0 );

// when I add this it does not animate
TweenLite.to(this.three, 1, {blurFilter:{blurX:10, blurY:10}});


attached is the .fla


I also have another question. If I use Adobe Create to make an HTML5 Canvas document instead of a SWF and I know I can use JS code snippets from the library in the actions tab to animate with Canvas, in theory, would I be able to use GSAP JS  and not ActionScript?



Share this post

Link to post
Share on other sites

Your FLA seems to be set up to publish to HTML/JS which means you CANNOT use ActionScript. That definitely explains why the blurFilter wouldn't work. 


Here's an article that might help: https://greensock.com/GSAP-Animate-CC-2017


And you'll probably want to use EaselPlugin: https://greensock.com/docs/Plugins/EaselPlugin


And yes, absolutely, you can use GSAP to animate properties that Adobe makes available in their canvas library, CreateJS. Just remember it's a subset of what you were used to in the Flash/SWF days. 

Share this post

Link to post
Share on other sites

Thank you! Everything made sense once I created a separate canvas with JS and AS3 file.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.