动态背景的实现

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

　　
经常在网上看到一些晃动的直线，感觉非常的好，而且很神秘，今天我们就来看看实现这种效果的一种方法。
这个效果非经常用，其实实现起来也比较简单，主要通过控制MC的x坐标来实现。



　　新建一个MC，命名为yujia_1，画一条竖线，坐标（0，0）。

　　注重：在这种需要控制坐标的flash中每个MC的初始坐标值都是很重要的，否则你很难弄清楚那个该死的MC到底跑到哪去了，即使是普通的flash，我们也最好制作得规范一些，这样看上去很清楚，检查起来也很方便。

　　再新建一个MC，命名为yujia_2，将yujia_1拖入(注重坐标)，在yujia_1上捆绑下面的AS:

　　onClipEvent (load) {
　　　　speed = random(40)-20;　　　　//设置移动速度的初始值为-20至20
　　　　round = 20;
　　}
　　onClipEvent (enterFrame) {
　　　　if (_x<0) {
　　　　　　_x = 450;
　　　　}
　　　　if (_x>450) {
　　　　　　_x = 0;
　　　　}
　　　　//上面两个判定语句是为了避免MC超出播放范围，其中"450"为fla文件的宽度

　　　　if (i＜round ) {
　　　　　　_x += speed;
　　　　　　i++;
　　　　　　//给它一定的运行时间来保持某一速度
　　　　　　//数值20为保持这个速度的周期，可以根据自己的需要设定
　　　　} else {
　　　　　　speed = random(40)-20;
　　　　　　i = 1;
　　　　　　//超过时间后赋予新的速度
　　　　}
　　}

　　回到场景，拖入几个yujia_2，（本例中是5个），将它们的x坐标统统设置为0，y坐标设置为fla文件的高度的一半，预览就得到了上面的效果。仔细观察可以看出它们会同时改变速度和方向。

　　我们还可以进一步修改，让每一个MC的速度变化周期各不同(上面的变化周期20是固定的)：将onClipEvent (load)之间的round = 20;修改为round = random(15)+5;，并且在最后的else之间也同样加上round=random(15)+5，这样变化就更神出鬼没了。

源文件：

点击浏览该文件
二、随机跑动的箭头
这种效果是利用随机函数控制由左向右移动的MC的位置、大小和透明度来实现的。


首先，制作一个任意外形的图形符号(graphic)命名为basic_g，这里为了示意我们简单做了一个“＞”符号，你可以仔细地绘制一个漂亮的箭头，效果会更好。





　　再新建一个电影剪辑(MovieClip)命名为basic_m，将刚才的图形符号basic_g拖入(坐标0，0)。在第20帧建立要害帧(这个帧数不是随便设置的，我将在后面的AS中进一步解释)，向右水平拖动图形符号至合适的位置。从第1帧到第20帧创建motion动画，再将第5帧和第15帧创建为要害帧(选中后按F6键)，选中第1帧和第20帧中的图形符号，将不透明度改为0%。这样我们就创建了一个渐显渐隐向右运动的MC。

　　再新建一个电影剪辑命名为basic_a，将刚才做好的basic_m拖入(坐标0，0)，并将其inctance name（实例名）命名为obj，以便在AS对其进行控制，在第二帧创建内容帧(快捷键F5)。
　　在basic_a中新建一层，在第1帧中捆绑下面的AS，这是这个效果的核心部分。

　　if (i<=20) {
/*
这里的数字20与前面提到的basic_m的帧数是相同的，或者你也可以设成帧数的整数倍，由于下面的复制语句中的MC的深度是由 i 决定的，也就是说当第20个MC复制完成后，又将从1开始，这样前面复制的深度为1的MC将被覆盖掉，而这时也正好过去了20帧，MC已经完成一个播放过程。假如两数不相等就会出现MC还没播放完成就消失了或播放到第二次的某一段时MC消失的情况。
*/
　　　　duplicateMovieClip("obj"， i， i);
/*
复制语句，语法为:
duplicateMovieClip(target，newName，depth);
target:被复制的MC的名字
newName:复制出的MC的名字
depth:复制出的MC的深度
假如深度相同，那么新的MC将覆盖掉老的MC
*/
　　　　eval(i)._x = random(250);
/*
设置MC的x坐标为0-250的随机数
(上限约为fla文件宽度减去basic_m中basic_g走过的距离)
*/
　　　　eval(i)._y = random(90);　//设置MC的y坐标为0-90的随机数(上限略大于fla文件的高度)
　　　　tint = random(50)+50;　//自定义变量tint来保存一个50-100的随机数

　　　　eval(i)._xscale = tint;
　　　　eval(i)._yscale = tint;
　　　　eval(i)._alpha = tint;
/*
设置MC的x、y比例及透明度为相等的数值，让MC大小比例的变化与透明度的变化成正比，这样看上去有层次感。
*/
　　　　i++;
　　} else {
　　　　i = 1;
　　}

　　将第2帧也设为要害帧(快捷键F6)，捆绑下面的AS:
　　gotoAndPlay(1);

　　回到场景，将basic_a拖入，放在左上角（注重要刚好超出场景范围）。OK，现在按下Ctrl+Enter测试一下，够炫吧。

源文件：


点击浏览该文件

上一篇：{实例}鼠绘动物技术篇 人气:4102
下一篇：{实例}《心心相印》PS Flash制作贺卡 人气:4991

Flash视频教程