电闪雷鸣、小雨纷飞的效果

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

　　把握了FLASH的基础知识，你就需要学习一些FLASH的技巧，今天我就来说说电闪雷鸣、小雨纷飞的效果。你先看看酷不酷：
[全屏欣赏]

文件分六层：参考图（1）第一层：背景图；第二层：一个矩形遮罩；第三层：下雨的MC；第四层：雷的MC；第五层：控制按钮和一个文本框；第六层：初始的AS命令。
首先，来看看初始的AS命令：
stop();
fscommand("allowscale", "false");
lei = new sound();//新建一声音
lei2 = new sound();
xiayu = new sound();
lei.attachsound("lei");//绑定库里的声音
lei2.attachsound("lei2");
xiayu.attachsound("yu");
_root.wen="停雷";//初始显示停雷
//***********
第一步：来制作下雨的MC，在这我们只做出一个雨点元件，如图（2）
图（2）

然后做动画，如图（3）
在第15帧把雨点元件打散，修改成图（4）的外形

图（3）

在第16帧修改成图（5）的外形，这样就能有雨点溅落的感觉，这是移动渐变与逐帧动画的完美结合，刚学FLASH的时候，我总是只用移动渐变，后来才发现有些效果用逐帧来做更具魅力。图（3）的第二层只是一个圆圈的扩散，请参考源码，这里不做阐述。

做好了这个下雨的MC，将其放入一个新的MC中，我们要开始写代码了；给下雨MC起实例名“a_mc”，添加一层，在第二层的第一帧写代码：
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，我偷了个懒，直接用了皮皮狼的源码，在第一帧画上闪电的基本外形，如下图：

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

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

第一帧加代码：gotoAndStop(ramdon(3)+1);意思是让它随机出现这三种外形。
然后将其放入一新的MC中，拖到第50帧，在第51帧画一个大的白色的矩形，这样可以实现闪一下的效果，第一帧加码：gotoAndPlay(random(40));这样可以实现无序的播放。在闪电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;//设置高度
if (k>=30) {
_root.lei.start();//绑定的打雷的声音播放
_root.jing.gotoAndPlay(2);// _root.jing这个MC（房子闪光）播放第二帧
} else {
_root.lei2.start();//绑定的另一个打雷的声音播放
}
}
//*————————
第三步：来看按钮上的代码：
on (release) {
tag++;
if (tag%2==1) {//判定奇偶数
_root.wen="打雷";//改变显示
shanlei.gotoAndStop(2);// shanlei闪电MC停在第二帧，即停止打雷
_root.xiayu.start();//下雨的声音开始播放
_root.xiayu.onSoundComplete = function() {
_root.xiayu.start();//无限循环播放
};
} else {
_root.wen="停雷";
shanlei.gotoAndplay(1);//开始打雷
_root.xiayu.stop();//下雨的声音停止
}
}
//*——————
第四步：来说一下房子闪光的效果，就是实例名为“jing”的MC里，背景MC的明暗变化，第一帧MC的亮度调整为-80，第二帧调为60，第三帧调为-80，第四帧调为40。在第一帧加代码：stop();当播放时就会有闪光的效果。
第五步：按照习惯来总结一下：总的来说这个效果很常见，也轻易学会。在这强调一下逐帧动画的作用，绑定库里的声音的方法也值得推广，假如你不理解，可参考我另外的贴子。
附上原码：
点击浏览该文件

上一篇：{应用}探照灯效果 人气:4450
下一篇：{应用}心电图（EKG）效果 人气:4249

Flash视频教程