Question

i stored 8 mc’s in an array an i put them on the stage.
now I want to apply to these mc’s a blur effect.
My problem is that i don’t know how to apply for every mc the blur effect by clicking on it.
So for example I have all the mc’s on the stage and if I click on one of them the clicked one should have the blur effect and so on.
How to apply the filter to the mc’s?
Thank you for you time

Answer 1

You can loop through the mc’s array and add event listeners on each of them:

var mcArrayLength:int = mcArray.length();
for (var i:int = 0; i < mcArrayLength; i++) {
  var mc:MovieClip = mcArray[i] as MovieClip;
  mc.addEventListener(MouseEvent.CLICK, onMcClick);
}

and the event handler:

function onMcClick(e:MouseEvent):void
{
  var clickedMc:MovieClip = e.currentTarget as MovieClip;
  clickedMc.filters = [myBlurFilter];
}

of course, if you wanted to have only one blurred mc at a time, you should keep a reference to it and remove blur once another mc is clicked:

var currentlyClickedMc:MovieClip;

function onMcClick(e:MouseEvent):void
{
  var clickedMc:MovieClip = e.currentTarget as MovieClip;
  clickedMc.filters = [myBlurFilter];
  if (currentlyClickedMc) currentlyClickedMc.filters = [];
  currentlyClickedMc = clickedMc;
}