Flash 动态遮罩效果详解

　2007-01-03 10:52:04　来源：WEB开发网　闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹

闂傚倷绀侀幉锟犲垂閻㈠灚宕查柟鎵閸庡秵銇勯幒鎴濃偓鐢稿磻閹炬枼妲堟繛鍡楃С濞岊亞绱撻崒姘扁枌闁瑰嚖鎷�

婵犵數濮幏鍐川椤撴繄鎹曢梻渚€娼уú銈吤洪妸鈺佺劦妞ゆ帊鑳堕埊鏇㈡煏閸モ晛浠х紒杈╁仱閺佹捇鏁撻敓锟�闂傚倷绶氬ḿ褍螞閹绢喖绠柨鐕傛嫹　　闂傚倷鑳舵灙缂佺粯顨呴埢宥夊即閵忕姵鐎梺缁樺姇閹碱偆鐥閺屾洘绻濊箛鏇犵獥闂佺厧澹婃禍婊堚€旈崘顏佸亾閿濆骸澧ù鐘欏嫮绠鹃柛顐ゅ枎閻忋儲銇勯弴妯哄姦妞ゃ垺鐟╅幃鈩冩償閵囧府鎷�

核心提示： 观看演示2 查看效果影片2：像素淡出遮罩效果这种效果你可能会在powerpoint或是在director中见过，在本例中不需要你理解每一行的意义，Flash 动态遮罩效果详解(3)，这里只是对淡入遮罩的一个提示，我们仍使用上文中的例子，清除原有maskee上的代码，加入如下代码：代码:on

观看演示2 查看效果

影片2：像素淡出遮罩效果

这种效果你可能会在powerpoint或是在director中见过，在本例中不需要你理解每一行的意义，这里只是对淡入遮罩的一个提示。我们仍使用上文中的例子，清除原有maskee上的代码，加入如下代码：

代码:

　　onClipEvent(load)
　　{
　　numY = 30;
　　numX = 40;
　　numPerFrame = 12;
　　currSquare = 0;
　　choices = new Array();
　　for(i = 0; i < numX*numY; i++)
　　{
　　choices.push(i);
　　}
　　_root.createEmptyMovieClip("mask", 0);
　　this.setMask(_root.mask);
　　function drawSquare(x,y)
　　{
　　with(_root.mask)
　　{
　　moveTo(x,y);
　　beginFill(0x000088)
　　lineTo(x+10,y);
　　lineTo(x+10,y+10);
　　lineTo(x,y+10);
　　endFill();
　　}
　　}
　　}
　　onClipEvent(enterFrame)
　　{
　　if(currSquare < numX*numY)
　　{
　　for(i = 0; i < numPerFrame; i++)
　　{
　　j = random(choices.length);
　　t = choices[j];
　　choices[j] = choices[choices.length - 1];
　　choices.pop();
　　x = t % numX;
　　y = Math.floor( t / numX );
　　drawSquare(x*10, y*10);
　　}
　　currSquare += numPerFrame;
　　this._alpha = currSquare/(numX*numY)*100;
　　}