[motion blur with svg gaussianblur (tween only the x value)]

I would like to add some motion blur  on a div with SVG filter

 

for example:

<feGaussianBlur id="hue1feGaussianBlur" in="SourceGraphic" stdDeviation="0 0" />

 

to

 

<feGaussianBlur id="hue1feGaussianBlur" in="SourceGraphic" stdDeviation="30 0" />

 

But how do i tween only the first value of the stdDeviation?

 

i would guess it should bes something like this, but i get an error:

tl.to("#hue1feGaussianBlur", .3, {attr: {stdDeviation: "30 0"}},0);

 

See the Pen zXWBMZ by roderickrey (@roderickrey) on CodePen

[GSAP x Animate CC template - CPU question]

Hi Davi,

Thanks for helping. I tried that part in my HTML file but the banners are still asking much CPU:
http://www.defransekamer.com/portfolio/x5/

<script>
function init() {
var failCount = 1;

	ad.on("slow", function(evt) {
		if (failCount === 0) {
			evt.preventDefault(); 
			failCount++; 
			this.watchFPS(15, 1); 
		} else if (failCount === 1){
			createjs.AdHelper.showAltImage(canvas, "images/backup_300x250.jpg", "javascript:doClickthrough(this)", "BannerWave", "_blank");
		}
	});
    
    // to test watchFPS, lower the FPS after creating the AdHelper, using the changeFPSTimer below
	// to test timeSynch, remove watchFPS from AdHelper, and then change the FPS using the changeFPSTimer below
	//var changeFPSTimer = window.setTimeout(changeFPS, 5000, 5);

	// to test directly calling Adhelper methods, use the testMethodTimer below
	//var testMethodTimer = window.setTimeout(testAdHelper, 5000, "showAlt", 2000);
    
    // changes the FPS for testing purposes
	function changeFPS(framerate){
		createjs.Ticker.setFPS(framerate);
	}
</script>

This is where I used the template and the banners preview with normal CPU:
http://www.defransekamer.com/portfolio/x3/

Its like I'm missing something..

banner.zip

[GSAP x Animate CC template - CPU question]

Hi Greensock,

What parts of Cory's script exactly lowers the CPU of the banner?
I've spent a day trying to figure this out and reading his whitepaper..
Since the template is a little outdated I'm trying to implement that into a fresh new Animate CC document (my_banner.zip).

Live preview of the template: http://www.defransekamer.com/wp-content/uploads/2016/banners/abn/nieuwbouw/test/GSAP_AdStarter_Demo/GSAP_AdStarter_Demo.html

Can somebody help me out? 

Thank you

Michael

GSAP-AnimateCC-Starter-Files.zip

GSAP_AdStarter_Demo.html

my_banner.zip

[Animate CC GSAP Starter File Needed]

Thanks for the files