轻松实现Flash动态背景 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

    动态

    今天我们为大家介绍几种Flash中常用动态背景的简单制作方法,主要运用随机数,步骤简单,但效果非常不错,

轻松实现Flash动态背景

    一、晃动的竖线

   

    原文件下载学习

    这个效果非常常用,其实实现起来也比较简单,主要通过控制MC的x坐标来实现。

    新建一个MC,命名为line_g,画一条竖线,坐标(0,0)。

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

    再新建一个MC,命名为line_a,将line_g拖入(注意坐标),在line_g上捆绑下面的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;

    //超过时间后赋予新的速度

    }

    }

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

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

    如果你喜欢,还可以进一步随机调整场景中竖线的色彩和宽度,留给各位思考和试验。

    二、闪动的方块

   

    这个效果比较适合将其规则地排列在一角,或做成星状随机的出现在任何地方,这就看你自己的喜好了。制作中没有用到setProperty,而是通过随机数跳转到渐隐方块MC的某一帧来达到随机闪动的目的。

   

    原文件下载学习

首先新建一个Graphic(图形符号)命名为changer_g,选择矩形工具,按住Shift键画一个大小适当的正方形(注意坐标),双击正方形的边缘,选中所有边线,Ctrl+X剪切下来(暂时储存在剪贴板)。

    新建MC,命名为changer_m,拖入changer_g,在第20帧(或随意某帧)创建关键帧,将第20帧的changer_g的透明度改为0,创建motion动画。

    新建MC,命名为changer_a,拖入changer_m(注意坐标),ctrl+V将已放置在剪贴板中很久的正方形边框"释放"出来,那个边框应该正好与changer_m重合,如果不是这样请调整。

    选中changer_m,捆绑AS:

    onClipEvent(enterFrame){

    if(i<5){    //你也可以根据需要修改这个变化周期

    gotoAndStop ( random(20) );  //这个数字就是changer_m的总帧数

    i++;

    }else{

    i=1;

    }

    }

    然后在场景中拖入数个changer_a,按你的喜好布置好位置,

电脑资料

轻松实现Flash动态背景》(https://www.unjs.com)。效果就做好了。

    三、随机跑动的箭头

    这种效果是利用随机函数控制由左向右移动的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测试一下,够炫吧。

最新文章