WEB开发网
开发学院图形图像Flash Flash实例精通:教你制作马赛克效果 阅读

Flash实例精通:教你制作马赛克效果

 2004-09-28 19:13:36 来源:WEB开发网   
核心提示:文/林平楼技术要点:duplicateMovieClip(复制命令),数组的应用,Flash实例精通:教你制作马赛克效果,color的设置,制作步骤:1. 打开Flash MX,你还可以通过改变actions中的行列数来改变马赛克覆盖的区域大小,你也可以重新定义颜色数组中的颜色十六进制数,新建一个Flash电影文件

文/林平楼

技术要点:duplicateMovieClip(复制命令),数组的应用,color的设置。

制作步骤:

1. 打开Flash MX,新建一个Flash电影文件,文件尺寸默认。
 
  2. 按F8,新建一个电影夹属性的符号,命名为fg。选取矩形绘图工具绘制一个大小为1010的小方格,线条和填充颜色任意,x位置为0,y位置为0。按Ctrl+L,打开资料库窗口,可以看到资料库中fg符号。

3. 点击Sence1,进入主场景,再按F8,新建另一个电影夹属性的符号,命名为Mosaic。进入Mosaic的编辑界面,将资料库中的fg符号拖入到场景中,在属性栏实例名框中输入其实例名为f0,设置x位置为0,y位置为0。

4. 点击新建图层按钮,新建一个图层,命名为actions,选中该层第一帧,按F9打开动作面板,在动作面板中输入以下动作:

row=15; //行数

col=15; //列数

for(i=1;i<=row;i++){ //复制出row*col个方格

 for(j=1;j=col;j++){

 s=f0.duplicateMovieClip("f"+i+j,col*i+j);

 trace(s._name);

 s._x=f0._width*(j-1);

 s._y=f0._height*(i-1);

 s.onEnterFrame=function(){

 this._alpha=random(60)+40;//设置透明度

 col=[0x66cc00,0x99cc00,0xffcc33];//定义颜色数组

 c=new Color(this);

 c.setRGB(col[random(3)]);//设置颜色

 }

 }

}

f0._visible=0;//设置f0不可见

5. 再次点击Sence1,返回主场景,此时主场景中还无任何内容,双击第一层的文字将图层改名为Pic,按Ctrl+R,导入一张图片。再新建一图层命名为Mosaic,选中该层第一空白帧,将资料库中的Mosaic符号拖入到主场景中,可拖动调整其位置到需要应用马赛克效果的地方。Ctrl+Enter测试即可。

注:在此我将马赛克效果做成了一个电影夹符号,使用时只需将其从资料库中拖入场景中即可调用,另外,你还可以通过改变actions中的行列数来改变马赛克覆盖的区域大小,你也可以重新定义颜色数组中的颜色十六进制数,使用非常方便。

Tags:Flash 实例 精通

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接