网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash实例教学 >> 阅读:用Flash轻松制作电子发散视觉效果动画
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

用Flash轻松制作电子发散视觉效果动画

http://www.webjx.com  更新日期:2007-06-19 00:10  出处:网页教学网  作者:闪电儿 收藏本文

  用鼠标单击动画,可以看到发散的效果。

  演示效果:

点击这里下载源文件

  效果怎么样?如果觉得不错就来试试吧!制作步骤如下。

  首先启动flash,我使用的是Flash 8,然后新建立flash文档,然后按Ctrl+J修改文档属性。

用Flash轻松制作电子发散视觉效果动画

  然后按Ctrl+F8新建立一个影片剪辑元件,名字是Fragment,然后绘制一个白色的圆,至于大小都任意可以。

用Flash轻松制作电子发散视觉效果动画

  然后返回到主场景中,选择第一帧,然后输入下面代码。

/* 定义四个全局变量,定义位置 */
_global.gLEFT = 0;
_global.gTOP = 0;
_global.gRIGHT = Stage.width;
_global.gBOTTOM = Stage.height;
 
/* 5个变量定义元件的速度、最大、最小、数量*/
var maxSpeed:Number = 25;
var minSize:Number = 4;
var maxSize:Number = 10;
var minFragments:Number = 50;
var maxFragments:Number = 150;
 
/* 在最大和最小之间返回一个数的函数 */
function randRange(min:Number, max:Number):Number {
  var randomNum:Number = Math.floor(Math.random() * (max - min + 1)) + min;
  return randomNum;
}
 
/* 主程序片段 */
onMouseDown = function():Void {
  var totalFragments:Number = randRange(minFragments, maxFragments);
  var fragment_mc:MovieClip;
  var depth:Number = this.getNextHighestDepth();
 
  for (var i:Number = 0; i < totalFragments; i++, depth++) {
    fragment_mc = attachMovie("Fragment", "fragment" + depth, depth);
    fragment_mc._x = _xmouse;
    fragment_mc._y = _ymouse;
    fragment_mc._width = fragment_mc._height = randRange(minSize, maxSize);
    while(!fragment_mc.speedX) {
      fragment_mc.speedX = randRange(-maxSpeed, maxSpeed);
    }
    while(!fragment_mc.speedY) {
      fragment_mc.speedY = randRange(-maxSpeed, maxSpeed);
    }
    fragment_mc._alpha = randRange(10, 100);
    fragment_mc.cacheAsBitmap = true;
 
    fragment_mc.onEnterFrame = function():Void {
      this._x += this.speedX;
      this._y += this.speedY;
 
      if (this._x < gLEFT || this._x > gRIGHT || this._y < gTOP || this._y > gBOTTOM) {
        this.removeMovieClip();
      }
    };
  }
};

关键词:
推荐给好友】【关闭
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为