A Case of the BLURRRS! Help Friends!

[as3gs]

Hey Gang, I am working on this project and am using TweenMax for blurring between the big images in the main marquee. Its at: http://bit.ly/mM1Kkv

 

Though, when a user clicks the PREV/NEXT buttons fast the images start blurring as they should - but never finish. I know it's a factor of holding the next image from loading until the blur is done. But not sure where my code issue is. I'm waiting until the onComplete function to do the tweening. Any help is super big time appreciated.

 

function onMarqCompleteStatus(e:Event):void
{
var imgArr = new Array();
var imgloaderInfo:LoaderInfo = e.target as LoaderInfo;
imgArr.push(imgloaderInfo.content);

   marqLoading = false;

TweenMax.from(Object(this).marqDisplay_mc, 1, {blurFilter:{blurX:20}});
TweenMax.to(Object(this).marqDisplay_mc.addChild(imgArr[0]), 2, {blurFilter:{blurX:0}});

//preLoader.stop();
}

[as3gs]

Nobody knows? (the trouble I've seen...)

[Carl]

it looks like you are de-blurring the parent marqDispplay from 20 and then separately removing a blur on imgArr[0].. which doesn't appear to ever have had a blur on it. that's not the real problem though.

 

assuming the container marqDisplay_mc initially has no blur, then tweening FROM blurX:20 will blur from 20 to 0 as expected.

 

if that tween is running and the current blurX is 10 when the user quickly hits "next" well..

 

then your FROM tween is going to blur FROM 20 to 10.

 

a fromTo tween may help in this situation.

[as3gs]

Thanks. Your explanation makes good sense. What would the fromTo line look like? I'm having a bit of trouble figuring out how to call the next image and preserve the blur.

[Carl]

 TweenMax.fromTo(Object(this).marqDisplay_mc, 1, {blurFilter:{blurX:20}},  {blurFilter:{blurX:0}});

there is the chance that if the user clicks while this tween is happening, that the blur could be at 10 and then jump TO 20 and tween down to 0.

 

or maybe try tweening the img itself and not its container (imgloaderInfo.content)