最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

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

日期:10-29    来源:中国设计秀    作者:cnwebshow.com

用鼠标单击动画,可以看到发散的效果。7o5中国设计秀

  演示效果:7o5中国设计秀

7o5中国设计秀

  效果怎么样?如果觉得不错就来试试吧!制作步骤如下。7o5中国设计秀

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

用Flash轻松制作电子发散视觉效果动画7o5中国设计秀

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

用Flash轻松制作电子发散视觉效果动画7o5中国设计秀

  然后返回到主场景中,选择第一帧,然后输入下面代码。7o5中国设计秀

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