首页 > > 网页制作 > Flash >

电闪雷鸣、小雨纷飞的效果，Flash制作方法

2008-04-02 11:01:05来源：互联网阅读 ()

　　掌控了FLASH的基础知识，您就需要学习一些FLASH的技巧，今天我就来说说电闪雷鸣、小雨纷飞的效果。

　　

　　

　　第一步：来制作下雨的MC，新建一个MC (ctrl F8),起名叫”雨点元件”,在这我们只做出一个雨点元件，如图1

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　然后在适当帧处插入一关键帧(根据您想让雨点下落的速度或是高度来确定)本例在10帧插入了一个关键帧,将雨点向下移动了300左右象素.然后做”形状间补”动画，如图（2）

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　为了达到逼真效果.雨点下落后有飞溅起的小雨点.我们在后面插入一此逐帧动画.(您也能够不用作这步)这是本例做好一个雨点下落后有飞溅效果的时间轴.如图3.

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　图（3）的飞溅效果，请参考源码，这里不做阐述。

　　做好了这个下雨的MC，再新建一个MC,起名叫”形成下雨”,将”雨点”MC放入一个新的MC中，我们要开始写代码了；给下”雨点”MC起实例名“a_mc”，添加一层，起名叫AS层,如图4

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　将AS层上的第二帧,第三帧处插入关键帧.放置”雨点”的图层第三帧插入帧就能够了.如图5

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　接下来,在AS层的第一帧写代码：(选中第一帧,按下F9)

　　

i = 0;

　　setProperty("_root.a_mc", _visible, 0);//配置不可见

　　第二帧写代码

　　

if (i<50) {//配置雨点数

　　 duplicateMovieClip("a_mc", "a_mc" add i, i);//复制

　　 setProperty("a_mc" add i, _x, random(500));//配置X坐标

　　 setProperty("a_mc" add i, _y, random(100));//配置Y坐标

　　 i = i 1;//自加1

　　} else {

　　 i = 0;//初始化变量

　　}

　　第三帧写代码：

　　

gotoAndPlay(2);//回第二帧

　　以上代码基本上可当公式用，复制语句的应用是很广的。

　　//*――――――――――

　　第二步：来做”闪电”MC，我偷了个懒，直接用了皮皮狼的源码，在第一帧画上闪电的基本形状，如下图6：

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　在第二帧画上另一形状，如下图7：

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　在第三帧画第三种形状，如下图8：

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　第一帧加代码：gotoAndStop(random(3) 1);意思是让他随机出现这三种形状。

　　然后新建一个MC,起名”闪电雷声”,将”闪电”MC放入这个MC中，拖到第50帧，在第51帧画一个大的白色的矩形，这样能够实现闪一下的效果，第一帧加码：gotoAndPlay(random(40));这样能够实现无序的播放。新建一层,在50帧外插入关键帧,并导入一个雷电的声音后将其放到该帧上.如图9:

　　电闪雷鸣、小雨纷飞的效果，Flash制作方法

　　在闪电MC上绑定下面的代码：

　　

onClipEvent (load) {//动画载入时执行以下的语句

　　 k = random(50);

　　 this._x = random(500);//配置X坐标

　　 this._y = 100-k;//配置Y坐标

　　 this._rotation = random(60)-30;//配置旋转

　　 this._height = random(150) 100;//配置高度

　　}

　　第三步：就是回到主场景中,将”形成下雨”MC和”闪电打雷”MC拖到主场景中来. (您还能够新建一个图层放入一个背景)…如图10

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有