您的位置: 首页 >> 新闻中心 >> 计算机 >> 设计制作
用Flash轻松制作鼠标点击发散特效动画
■ 最新课程推荐更多课程>>
学校培训课程开课时间上课地点精英价报名
北 师 大 平面设计创意全科班电话预约北京师范大学¥1300
理工文化 平面设计取证班电话预约理工大学教学¥1078
金 同 方 CAD绘图全天班电话预约人大总部¥568
金 同 方 苹果平面设计全天班电话预约人大总部¥960
理工文化 平面设计提高班电话预约理工大学教学¥2891

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

  演示效果:


请用鼠标点击画面,你将看到发散动画特效

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

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

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

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

/* 定义四个全局变量,定义位置 */
_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)

下一篇:Flash与后台编码兼容性问题的解决方案

  从Flash MX发布开始,就经常有人问:为什么Flash载入的中文会是乱码?

  后来大家都用了 System.useCodePage=true; 去解决这个问题。可能大家都已经习惯了在Flash 5或以前,Flash完全没有理会编码。

  Flash5的时代,的确可以很容易的载入外部文本,方便地跟PHP, ASP等等的后台程序作信息交互。但是到了Flash MX的时代,同样的方法却出现了乱码。一定要在前面加上System.useCodePage=true;才可以解决问题。大家可能都会觉得这是Flash的问题,觉得Flash MX的中文支持能力差了。个人觉得Flash M...[查看详情]

  影视动画培训   北大BEC培训官方报名网站   2008美国夏令营启航官方指定报名网站   2008留学第一站!  
  北师大 火星时代
共举影视动画培训之鼎
  北大BEC培训官方报名网站
现在报名独享95折!
  2008年国家职业资格考试
一次过关完全备考手册
  2008留学第一站
留学资讯尽在精英留学站!
 
上一篇:Flash动画制作过程概述及时间控制技巧
下一篇:Flash与后台编码兼容性问题的解决方案
 相关新闻
·全新应用感受:FreeHand MX全新体验·全新体验:Freehand MX中文版新特性
·软件的应用实例:巧用FreeHand 设计荷花·应用实例:在Freehand中制作折叠艺术字
·应用实例:Freehand制作方格蒙板技巧·应用实例:Freehand 制作文字变形动画
·设计制作:Freehand制作螺旋移动的文字动画·实例制作捷径:巧用 Freehand 描绘花朵
·学会使用Flash简单绘制超酷水晶导航菜单·学会简单实用Flash的图片切换动画特效
·学会简单使用Flash 8 AS代码写摄像头拍照功能·Flash实例:鼠标点选不同层次的层叠图片
·Flash AS代码简单实现动态文本包边效果·flash实例:使用Flash制作超酷旋转互动相册
·Flash制作漂亮的三重卷动相册特效动画·Flash与后台编码兼容性问题的解决方案
 
◇ 重点栏目导航
◇ 精英服务承诺
教育顾问:010-51660910
QQ交流:138660910
相关资料
·用Photoshop制作逼真自然背景
·PhotoShop帮助Maya巧建模
·道字桌面的仿书法制造
·用Coreldraw绘制美丽国画荷花
·如何配色?无论新手老手,读下这篇文章相
·天使翅膀的制作
·Photoshop制作无缝贴图:Action动作集总
·photoshop学习方法总结
·学好平面设计的好方法
·[艺术设计专题]企业VI系统的简介和工作步
相关试题
·CEAC平面设计师考证之Photoshop考试试题
·你会吗 Adobe Photoshop 认证试题一
·武汉理工大学2003年艺术设计学院平面设计
·你会吗 Adobe Photoshop 认证试题三
·你会吗 Adobe Photoshop 认证试题二
相关热贴
·想学设计课啊,哪位帮我推荐一下~~
·制作个人简历九大标准
·给年轻设计师的十大忠告
·平面设计人员必读 (速读版)
·oracle下导出某用户所有表的方法
·计算机个人简历(英语)
·浅谈计算机课件制作
·一张图透彻讲解Photoshop蒙版
·Delphi中数据的自动录入
·Java与C和C++的比较