网站建设| 数据库类| 图形图象| 程序设计| 现代办公| 操作系统| 考试认证| 网络技术| 软件工程| 电脑相关| 文学作品
网站开发| 网页制作| 操作系统| 图象图形| 考试认证| 数据库类| 程序设计| 硬件技术| 现代办公| 网络技术| 笑话频道
 
您的位置: 电脑书库首页-> 电脑文摘-> 网页制作-> Flash-> 轻松实现Flash动态背景

轻松实现Flash动态背景
作者:dofy 来源:天极设计在线 加入时间:2005-3-10
相关文章 相关书籍:




  一、晃动的竖线

  
原文件下载学习

  这个效果非常常用,其实实现起来也比较简单,主要通过控制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,按你的喜好布置好位置。效果就做好了。

三、随机跑动的箭头

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


[文章录入员:sky365]

相关文章 相关书籍:
本站推荐内容

近期主机类热搜关键词:
美国服务器 美国服务器租用 海外服务器租用 国外服务器租用

Flash
DreamWeaver
FrontPage
FireWorks
Flash
HTML
其它
电脑教程阅读排行
·Flash入门实例:水滴动画制作
·Flash MX 新的闪烁世界(...
·Flash基础教程:初学者应用的...
·Flash动画基础(入门必看)
·Flash基础教程:学Flash...
·初学flash守则
·Flash课件一网打尽
·教你做一个Flash的时钟
· Flash 动画技术<一...
·Flash Mx使用技巧十二则