论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

图片消失的效果

文章类别:Flash | 发表日期:2008-9-21 19:20:26

  简单说一下制作过程吧!
点击浏览该文件

点击浏览该文件
制作思路:建一个由许多小方块顺序排列组成的矩形的mc,用这个mc遮罩图片,当点击按钮后,在mc内部将这些小方块一个一个的按顺序删除,图片就产生了从上到下顺序消失的效果。再画一个同样大小的黄色小方块,转换为mc,在删除上面说的那些小方块的同时,在主场景里按顺序复制黄色小方块,并让它随机向下移动,直到移出舞台。
步骤:
1、导入图片,转换为mc,放在最底层,作为背景。
2、画一个10*10的小方块,填充无所谓。转为mc,命名fk,将连接名也改为fk。
3、再画一个10*10的小方块,黄色填充,也可以用别的颜色,或者是用随机颜色,我还不会用:(,转为mc,命名sp,将它拖到舞台,和图片放在同一层,位置无所谓,只要别和图片重叠就行了,将实例名改为sp。
4、新建一mc,命名vv,在第一帧写
for(i=1;i<=1170;i++){//1170是需要导入小方块的个数(45*26)
attachMovie("fk","fk"+i,i);//从库里导入fk,
x1=((i+25)%26)*10;
y1=(Math.ceil(i/26)-1)*10;//通过i的值换算出fk+i的坐标。
setProperty("fk"+i,_x,x1);
setProperty("fk"+i,_y,y1);//设置fk+i的坐标
}
stop();//停在第一帧

在第二帧写


a = 1;//付初值
onEnterFrame = function () {//每帧执行
removeMovieClip("fk"+a);//删除fk+i
a++;//累加,直到删除所有的小方块
if (a>1300) {//其实当a>1170时,小方块就已删除完了,但为了让小方块全部移出舞台后再执行下面的语句,所以让
a>1300。
delete onEnterFrame;//释放对象
gotoandplay(1);//播放第一帧,图片又出现了
_root.an.enabled =tuer; //让舞台上的按钮可用(后面再说按钮的制作)
}
};


在第三帧写

stop()

5、下面给sp(那个黄色小方块)写代码,点选舞台上的sp实例,打开“动作-影片剪辑”,写如下代码


onClipEvent (enterFrame) { //进入动画每一帧时触发事件
this._y+=random(5);//自身的y坐标自加1-5的随机数
if(this._y>470){//当自身移出图片时,(470是图片下边框的y坐标)
removeMovieClip(this);//删除自身
}
}
6、刚才已经把图片和黄色小方块导入了舞台,现在再新建一层,把vv拖入舞台,实例名vv,坐标和图片左上角对齐,用这层遮罩图片那层。
7、新建一个按钮,样子自己画,命名为an。在主场景新建一层,导入按钮,至于舞台适当位置,实例名改为an,点选,打开“动作-影片剪辑”,写如下代码


on (release) {//鼠标释放时执行
_root.vv.gotoAndPlay(2);//播放vv影片剪辑的第二帧,即开始删除小方块
_root.gotoAndPlay(2);//播放主场景的第二帧,即复制黄色小方块(后面介绍)
this.enabled = false;//此时按钮不可用
}

8、将主场景按钮层,遮罩层,图片层插入帧到第三帧。同时新建一层,插入3个空白要害帧用于写代码,第一帧写

stop();//在第一帧停止
第二帧写


//点击按钮后会执行这帧的代码
b=1;//付初值
onEnterFrame = function () {//每帧执行
x2=((b+25)%26)*10;
y2=(Math.ceil(b/26)-1)*10;//通过b的值换算出坐标。
sp.duplicateMovieClip("sp"+b,b+2000);//复制舞台上的sp影片剪辑
setProperty("sp"+b,_x,x2+60);
setProperty("sp"+b,_y,y2+20);//设置sp+b的坐标,60和20是图片的坐标
b++;//累加
if (b>1171) {//此时已复制完1170个sp
delete onEnterFrame;//释放对象
}
}

第三帧上写

stop()。

Ctrl+Enter测试!ok!
好了,很晚了,不抓图了。

上一篇:{应用}PE 粒子系统2制作喷泉效果 人气:1576
下一篇:{应用}放大镜效果 人气:6405
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058