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

Flash实例教程
火柴棍人光剑短打Flash动画制作
Flash模拟地震摇晃动画效果
飘落的枫叶Flash动画的制作过程
用Flash制作一个简单的MP3播放器
Flash制作梦幻仙境动画效果
Flash AS 制作个性月历实例教程
Flash制作旋转的花朵
Flash简单制作光晕动画效果
Flash新手教程:跟随鼠标的圈圈动画
Flash实例教程:模拟海底世界
Flash AS代码实现五彩缤纷旋转效果动画
Flash简单的鼠标跟随的文字动画实例
Flash转动的齿轮简单教程
Flash新手鼠绘教程——怎样学习鼠绘
Flash新手鼠绘教程-熟悉鼠绘工具
Flash新手鼠绘-漂亮的卡通花草场景
FLASH CS3 打造一个小奶瓶图标
Flash教程:卡通娃娃360度转身动画
flash人走路动画的制作
Flash实例:QQ搞笑表情动画

No. « 1 2 3 4 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-01   浏览: 93 ::
收藏到网摘: 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. }