天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件频道 > 设计在线 > flash>新闻>用Flash轻松制作鼠标点击发散特效动画

用Flash轻松制作鼠标点击发散特效动画

论坛整理2007-06-25 15:31我要吐槽

  本文我们用Flash制作鼠标单击动画产生发散特效动画。文章末尾提供原文件供大家参考。

  演示效果:

/imagelist/2007/176/1qg81wpk7l8k.swf
请用鼠标点击画面,你将看到发散动画特效

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

  首先启动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();
      }
    };
  }
};


  原文件下载(解压密码:design.yesky.com)

  如对于本文有任何疑问、意见以及建议,请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

  更多精彩,尽在天极设计在线 design.yesky.com!


电脑美术设计热门专区


设计软件视频教程大全

设计软件经典教程

设计人生——数码设计人访谈实录集
·软件论坛重装上线
·精彩网页素材
·照片处理专区
·设计软件经典教程集粹

  阅读关于 Flash 特效 AS代码 的全部文章
作者:闪电儿(网页教学网)责任编辑:Shiny)

请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级