Flash教程:鼠标点击显示打散动画

http://www.guanggao6.com 08-24Flash教程[阅读:996次]

Flash教程:鼠标点击显示打散动画为http://www.guanggao6.com整理发布,类型为Flash教程,本站还有更多关于flash教程制作,flash动画教程,flash教程下载,flash制作教程,平面设计教程 - Flash教程的文章。
正文:

Webjx核心提示:Flash教程:鼠标点击显示打散动画.

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



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. }

  45. function sinD(angle:Number):Number
  46. {
  47.         return Math.sin(angleToRadian(angle));
  48. }
  49. function cosD(angle:Number):Number
  50. {
  51.         return Math.cos(angleToRadian(angle));
  52. }
如果觉得《Flash教程:鼠标点击显示打散动画》不错,可以推荐给好友哦。