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

Flash实例教程
FLASH火焰文字效果制作教程
Flash仿奥运开幕式卷轴动画效果教程
不用脚本制作软翻书动画效果flash教程
flash圆点随机不重叠排列脚本
Flash月圆之夜举笔题诗贺中秋节动画
Flash临摹徐悲鸿的骏马图
Flash绘制简单的楼梯动画场景教程
Flash制作鼠标感应的心型漂浮动画
Flash制作可爱的小丑吹泡泡动画特效
Flash8绘制中国风荷塘风景实例教程
下雪效果,Flash初级入门教程
Flash实例教程 让美丽的图画动起来
详细分析Flash8制作模糊遮罩幻灯
Flash教程：模拟幸运号抽奖机
Flash制作粉嫩的花瓣随风舞动
Flash实例教程:烛光动画特效
Flash AS3教程:动态文本滚动条
Flash实例:打造佛光效果
Flash入门教程:滚动字幕动画的制作
Flash教程:制作随机画圆弧动画

No. « 1 2 3 4 »

技术文章搜索

关键字

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

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