动画设计 百分网手机站

制作鼠标点击图片显示打散的gif动画效果有哪些

时间:2018-07-08 20:07:34 动画设计 我要投稿

制作鼠标点击图片显示打散的gif动画效果有哪些

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

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

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

  3、返回场景1,第一层建背景(随意),新建as图层,在as图层第一帧输入代码:

  复制代码代码如下://小球的初始位置

  [code]//小球的.初始位置

  var ballx:Number = 275;

  var bally:Number = 400;

  //小球运动速度

  var speed:Number = 5;

  stage.addEventListener(MouseEvent.CLICK,shoot);

  function shoot(e:MouseEvent):void

  for(var i:int = 1;i<9;i++)

  //从库中创建小球

  var ball:Ball = new Ball();

  //初始化小球位置

  ball.x = ballx;

  ball.y = bally;

  //根据三角函数计算小球的速度

  ball.spdx = cosD(i*-20)*speed;

  ball.spdy = sinD(i*-20)*speed;

  //注册enterFrame事件

  ball.addEventListener(Event.ENTER_FRAME,ballMove);

  e.target.addChild(ball);

  function ballMove(e:Event):void

  //获取小球的引用

  var obj:MovieClip = e.target;

  //设置小球的坐标,实现运动

  obj.x += obj.spdx

  obj.y += obj.spdy

  if(obj.y<0||obj.x<0||obj.x>550||obj.y>400)

  //移除enterFrame事件

  obj.removeEventListener(Event.ENTER_FRAME,ballMove)

  //从显示列表删除

  stage.removeChild(obj)

  //角度转换为弧度

  function angleToRadian(angle:Number):Number

  return angle*(Math.PI/180);

  function sinD(angle:Number):Number

  return Math.sin(angleToRadian(angle));

  function cosD(angle:Number):Number

  return Math.cos(angleToRadian(angle));

【制作鼠标点击图片显示打散的gif动画效果有哪些】相关文章:

1.ppt图片动画效果制作

2.制作GIF动画技巧

3.gif动画的制作技巧

4.flash怎么给图片制作伸缩动画效果

5.GIF动画设计的7技巧

6.设计GIF动画技巧

7.GIF动画设计的技巧

8.PS制作GIF动画设计的技巧