关于我们 广告服务 社区论坛
设为首页 加入收藏

行业新闻
服 务 器
模版下载
建站指南
冲浪宝典
办公软件
网站运营
操作系统
QQ 专题
网页制作
安全防御
视频教程
网络编程
SEO专区
软件下载
图像设计
Cisco
网页特效
Wap 技术
联盟赚钱
网页素材
 首页 | 企业建站 | 网页制作 | 网站运营 | 网络编程 | 图像设计 | 冲浪宝典 | 操作系统 | SEO专区 | 联盟赚钱 | Cisco

欢迎来到e天下网络首页>>图像设计>>FLASH>>正文|马赛克效果的制作

马赛克效果的制作

[ 来路:网页教学网      时间:2007-7-10 3:26:24    点击: ]

 

  你能学到的技术包括:复制语句和删除复制MC的语句,随机数的灵活应用,for语句的用法,简单的数组应用,判断语句等等。
  第一步:先来看看它的结构:参考图(1):第一层背景图,放的是PLMM;第二层灰块,放的是马赛克的一个元件;第三层空的AS,放的是一个空白的MC,实例名为“as”,里面都是AS命令;第四层B和WEN,放的是按钮和动态文本框。

  第二步:首先来做一个正方形,宽度为20像素,灰度#999999,转换为符号;再做一个动画剪辑符号,将这个正方形放入,在第6帧插入关键帧,参考图(2):调整透明度为30,在第7帧插入关键帧,这样第7帧便与第6帧的内容相同,再在第12插入一关键帧,将第一帧复制粘贴到第12帧。这样第1帧和第12帧就是透明度为100的灰块,设置移动渐变动画。做好后给它起实例名为“mc”;

  第三步:来实现灰块的随机播放,在灰块实例“mc”上捆绑以下代码:
onClipEvent (load) {//动画载入时
num=random(12)+1;//让num在1~12之间取随机值
this.gotoAndPlay(num);// this指的是对本身的调用,让此MC播放取得的随机帧数。
}
第四步:来制作那个空的MC,实例名为“as”,新建一个MC,在第一帧上写如下代码:
stop();
_root.mc._visible=0;
mcw=20;
for (i=0; i<12; i++) {
for (j=0; j<10; j++) {
duplicateMovieClip("_root.mc", "mc"+i+j, 10*i+j);
_root["mc"+i+j]._x = mcw*i;
_root["mc"+i+j]._x = mcw*j; }
}
//***********
(想看逐行的解释请看下面。)
stop();
_root.mc._visible=0;
mcw=20;
// 方块的宽度。
for (i=0; i<12; i++) {
// 循环产生12个数。0~11
for (j=0; j<10; j++) {
// 循环产生10个数。0~9;乘到一块就是120块。
duplicateMovieClip("_root.mc", "mc"+i+j, 10*i+j);//要注意深度
// 复制应该都知道。
_root["mc"+i+j]._x = mcw*i;//用数组来存储那些复制出来的MC名,还加上了路径
// 第一个循环复制出来的为mc00、01、02、03...;对应的X坐标为0
// 第二个循环复制出来的为mc10、11、12、13...;对应的X坐标为20*1=20
// ......
_root["mc"+i+j]._y = mcw*j;
// 第一个循环复制出来的为mc00、01、02、03...;对应的Y坐标为0、20、40、60
// 第二个循环复制出来的为mc10、11、12、13...;对应的Y坐标为0、20、40、60
// ......
}
// 第一个循环复制出来的为mc00、01、02、03...;对应的坐标为(0、0)(0、20)(0、40)...
// 第二个循环复制出来的为mc10、11、12、13...;对应的坐标为(20、0)(20、20)(20、40)...
// 可以看出来,它是竖着一列一列的设置。
}
//*——————————
然后在第二帧上写代码:stop();
第五步:制作到这里,你可以测试了,效果不错吧!我又追加了一点功能。在按钮上的代码你一看就明白了,代码如下:
on (release) {
agg = agg+1;
if (agg%2) {//判断奇偶数,若为奇数,停在第二帧;若为偶数,停在第一帧
as.gotoAndStop(2);
_root.wen="接着闪吧,朦胧的感觉更好";//文本显示的文字
for (i=0; i<12; i++) {//只是设了个循环,还是产生那些MC时的循环
for (j=0; j<10; j++) {
removeMovieClip(_root["mc"+i+j]);//把产生出来的新的MC删掉
}
}
} else {
as.gotoAndStop(1);
_root.wen="别闪了,让我看清楚点";//文本显示的文字
}
}
写到这里,不知有没有漏掉什么,反正核心的代码都在上面了,至于一些细节上的东东请你参考源码吧!!!

下载源文件

::::站长友情提示:多花一分钟学点什么都好::::

 

上一篇:钢笔字的简单制作  下一篇:图片组的连续滚动效果

 ::热点信息::

 

= = 免责声明 = =

① 欢迎转载我网所刊信息,请注明“来源:E天下网络”。
② 凡本网注明“来源:XXX(非E天下网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。
※联系方式:Airtofly@163.com

::推荐文章::

 

Photoshop 轻松打造神秘银河系

::网页制作::

 

初学:什么是DIV+CSS?有什么
网页制作实例CSS用一张图片实
用CSS控制图片自适应大小的方
小技巧:CSS列表标签出现问题
CSS网页设计中使用背景图片须
想让DIV居中,如何编写CSS的
总结两年以来使用DIV网页排版
DIV CSS技巧:对CSS命名的一
更多内容..

 

 

关于我们 广告服务 友情链接 合作伙伴 社区论坛 免责声明

Copyright © 2007   21kn.com Inc. All rights reserved.e天下网络工作室

网站白天客服QQ:26875416 (非24小时)  合作QQ:597004688    粤ICP备06026423号