当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash教程：鼠标点击显示打散动画

Flash实例教程
Flash教程:制作文字波动视觉特效
Flash教程:制作天空中流星划过特效
Flash教程:制作有趣的星座查询器
Flash教程:引导线制作爱心图案动画
再谈用Flash引导线制作爱心图案动画
Flash8实例教程：绘制中国风荷塘风景
Flash制作青蛙跳荷叶游戏动画
Flash AS打造转动3D小方块视觉特效
Flash AS教程：制作彩色线条动画
带AS的图片环绕旋转效果制作方法
Flash8模糊滤镜绘制逼真青翠竹林
Flash教程：互动的橡皮刷
Flash实例教程：3D旋转图片
贺中秋节 Flash月圆之夜举笔题诗动画
Flash实例:简单的弹出菜单演示
flash制作字母变换效果
Flash实例：制作树叶逐渐展开动画
AS实例之简单的不倒翁Flash动画
Flash实例：马蹄莲动画制作过程
路面循环的Flash动画的制作方法

No. « 1 2 3 4 »

技术文章搜索

关键字

Flash实例教程 中的 Flash教程：鼠标点击显示打散动画

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-01   浏览: 96 ::
收藏到网摘: n/a

效果演示：鼠标点击观看效果



1、新建Flash文档，550*400，其它默认。

2、创建影片剪辑，选椭圆工具，笔触无，填充色放射渐变，画一个椭圆（形状自定，我相你会比我画得更好），右键库中设置链接，类名Ball。

3、返回场景1，第一层建背景（随意），新建as图层，在as图层第一帧输入代码：

  1. //小球的初始位置
  2. [code]//小球的初始位置
  3. var ballx:Number = 275;
  4. var bally:Number = 400;
  5. //小球运动速度
  6. var speed:Number = 5;
  7. stage.addEventListener(MouseEvent.CLICK,shoot);
  8. function shoot(e:MouseEvent):void
  9. {
  10.         for(var i:int = 1;i<9;i++)
  11.         {
  12.                 //从库中创建小球
  13.                 var ball:Ball = new Ball();
  14.                 //初始化小球位置
  15.                 ball.x = ballx;
  16.                 ball.y = bally;
  17.                 //根据三角函数计算小球的速度
  18.                 ball.spdx = cosD(i*-20)*speed;
  19.                 ball.spdy = sinD(i*-20)*speed;
  20.                 //注册enterFrame事件
  21.                 ball.addEventListener(Event.ENTER_FRAME,ballMove);
  22.                 e.target.addChild(ball);
  23.         }
  24. }
  25. function ballMove(e:Event):void
  26. {
  27.         //获取小球的引用
  28.         var obj:MovieClip = e.target;       
  29.         //设置小球的坐标，实现运动
  30.         obj.x += obj.spdx
  31.         obj.y += obj.spdy
  32.         if(obj.y<0||obj.x<0||obj.x>550||obj.y>400)
  33.         {
  34.                 //移除enterFrame事件
  35.                 obj.removeEventListener(Event.ENTER_FRAME,ballMove)
  36.                 //从显示列表删除
  37.                 stage.removeChild(obj)
  38.         }
  39. }
  40. //角度转换为弧度
  41. function angleToRadian(angle:Number):Number
  42. {
  43.         return angle*(Math.PI/180);
  44. }

  46. function sinD(angle:Number):Number
  47. {
  48.         return Math.sin(angleToRadian(angle));
  49. }
  50. function cosD(angle:Number):Number
  51. {
  52.         return Math.cos(angleToRadian(angle));
  53. }