Cool Masking Effect!!!!

[goku]

Check out the link below:

http://www.vw.com/gti/20th/

If you go to the gallery section and click on the images - I would like to how the pattern mask effect was done? It's a cool effect and I have no idea how it was done.

Please could someone help?:( :(

[Billy T]

something like this

cheers

[goku]

Cheers BillyT - could you save as flash5 format, haven't upgraded to MX yet.

[009]

Billy T. Nice work. I want to build it from scratch by using your actionscript and it is causing flash mx to crash.

[Billy T]

it uses mx actionscript so it might be time to download a trial version...

no idea why it would crash mx...its an mx 2004 doc but I save it as mx

does anyone else have that prob?

[009]

maybe it's just me who's having that problem:)

[bladeMX]

i'm running it on flash mx, and applied the transition over two keyframes. works for the first keyframe and then it crashes the flash player.

it seems like the script is still running in the background after the first keyframe. no?

thanks!

[bladeMX]

i believe the problem for me was the naming instance of each MC.

if you are going to have more than one keyframe, then make sure you rename each instance. else it will cause it to crash.

i was running through another project when it hit me ... funny how the brain works. :)

i love the effect thanks BillyT!

[Billy T]

no problem

[bladeMX]

hey BillyT,

do you know of any other sites that have such transitions?

if so, please let me know.

i'm building some presentations, and want some variety.

thanks!

[009]

Originally posted by bladeMX
i believe the problem for me was the naming instance of each MC.

if you are going to have more than one keyframe, then make sure you rename each instance. else it will cause it to crash.

i was running through another project when it hit me ... funny how the brain works. :)

i love the effect thanks BillyT!

What keyframe are you talking about? How should I fix it so I don't have a crash on Flash mx.:)

[bladeMX]

hmmm, what i should have said, "if you are going to use the effect in more than two keyframes, then duplicate the mcs and rename the instance and re-apply the code as well (make sure you rename the mcs in the code).

not sure if that makes sense, but then again i'm not sure how you have it setup.

hope that helps.

good luck!

[009]

all I get is the picture flashing.
here's what i did.
add a keyframe on the main timeline.
change the instance and i rename it in the code( image_mc2, square_mc2)
-the duplicated movies have no linkages/

did i miss anything else bladeMx?

[bladeMX]

is image_mc2 covering your image?

send me your file, and lets see if it runs fine on my system; should help us find the source of your error.

good luck!

[009]

hmmmm
no I don't think so but I have to check it out

[gmgpdx]

how do you link this type of AS mask to a button or mouse event?

[elstrausso]

Hello, and thanks to BillyT for posting this script. I was trying to figure out how to trigger a function as soon as the transition completes. I've added an if statement at the end of this code, but I'm having no luck. I would greatly appreciate any tips here. I've attached the fla. thx - Elstrausso

cols = _root.image_mc._width / _root.square_mc._width;
rows = _root.image_mc._height / _root.square_mc._height;
height = _root.square_mc._height;
width = _root.square_mc._width;
d = 10;
this.createEmptyMovieClip('holder', 10);
holder._x = _root.image_mc._x;
holder._y = _root.image_mc._y;
startY = 0;
startX = 0;
for (var r = 0; r <= rows; r++) {
for (var c = 0; c <= cols; c++) {
newClip = this.holder.attachMovie("square_mc", "clip" + r + c, d++);
newClip._x = (c * width) + startX;
//trace(newClip._x);
//trace(startX);
//trace(square_mc._x);
//trace(holder._x);
//trace(clip._x = "");
newClip._y = (r * height) + startY;
newClip.gotoAndPlay(c);
}
}
_root.image_mc.setMask(holder);

if (_root.square_mc._x >= 680) {
moveBox();
}
stop() :rolleyes:

[Billy T]

cols = Math.round(_root.image_mc._width / _root.square_mc._width);
rows = Math.round(_root.image_mc._height / _root.square_mc._height);
height = _root.square_mc._height;
width = _root.square_mc._width;
d = 10;
this.createEmptyMovieClip('holder', 10);
holder._x = _root.image_mc._x;
holder._y = _root.image_mc._y;
startY = 0;
startX = 0;
trace('cols='+cols);
trace('rows='+rows);
for (var r = 0; r <= rows; r++) {
for (var c = 0; c <= cols; c++) {
newClip = this.holder.attachMovie("square_mc", "clip" + r + c, d++);
newClip._x = (c * width) + startX;
//trace(newClip._x);
//trace(startX);
//trace(_root.square_mc._x);
//trace(holder._x);
//trace(clip._x = "");
newClip._y = (r * height) + startY;
newClip.gotoAndPlay(c);

if(c==0 && r==0){
newClip.onEnterFrame=function(){

if(this._currentframe==this._totalframes-1){
trace('finished');
this.onEnterFrame=null;
}
}
}
}
}
_root.image_mc.setMask(holder);
if (_root.square_mc._x >= 680) {
moveBox();
}
stop();

[elstrausso]

thanks BillyT! works really well. thanks, -elstrausso :)