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

  发布时间:2015-01-23 16:17:38   作者:佚名   我要评论
这篇教程是向脚本之家的朋友介绍Flash制作鼠标点击图片显示打散的gif动画效果,教程制作出来的效果很不错,难度不是很大,主要利用AS代码完成,好了,下面我们一起来学习吧

本篇教程主要是向脚本之家的朋友介绍Flash制作鼠标点击图片显示打散的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));
}

以上就是Flash制作鼠标点击图片显示打散的gif动画效果教程,希望能对大家有所帮助!

相关文章

  • flash怎么制作小球绕着圆周运动的动画效果?

    flash怎么制作小球绕着圆周运动的动画效果?flash中想要制作一个小球运动的效果,该怎么制作小球围绕圆周运动呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-04-14
  • flash怎么制作人物表情包动画?

    flash怎么制作人物表情包动画?flash中想要制作一个线条人物动画,作为表情包使用,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-04-10
  • flash怎么实现小草被风吹动的动画? flash风吹草动的制作方法

    flash怎么实现小草被风吹动的动画?在户外经常能看到风吹小草舞动的效果,想要制作这个场景,该怎么制作呢?下面我们就来看看flash风吹草动的制作方法,需要的朋友可以参考
    2020-04-09
  • Animate怎么制作履带转动动画效果?

    Animate怎么制作履带转动动画效果?Animate中想要制作一个履带动画效果,该怎么制作履带转动的效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-03-18
  • animate帧速率在哪调? animate修改帧速率的技巧

    animate帧速率在哪调?animate制作动画的时候,想要调整默认的帧速率,该怎么调增呢?下面我们就来看看animate修改帧速率的技巧,需要的朋友可以参考下
    2020-03-10
  • Flash怎么制作挥动翅膀的小信封动画?

    Flash怎么制作挥动翅膀的小信封动画?经常能在电视上看到带着心形的信封在飞舞的效果,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-03-09
  • flash怎么制作拉弓射箭的动画? flash制作拉开弓箭效果的教程

    flash怎么制作拉弓射箭的动画?flash中想要制作一个动画效果,该怎么制作一个拉弓射箭的教程,该怎么制作呢?下面我们就来看看flash制作拉开弓箭效果的教程,需要的朋友可
    2020-03-06
  • Flash怎么制作打印机正在打印的动画效果?

    Flash怎么制作打印机正在打印的动画效果?经常使用打印机打印文件,想要制作一个打印效果,该怎么制作呢?下面我们就来看看flash制作一个打印机动画效果的教程,需要的朋友
    2020-03-05
  • flash怎么制作逼真的摇动木马的动画?

    flash怎么制作逼真的摇动木马的动画?小时候喜欢坐木马,想要制作一个前后晃动的木马动画,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-03-02
  • flash怎么绘制一个彩旗展开的动画效果?

    flash怎么绘制一个彩旗展开的动画效果?flash中想要制作一个彩旗慢慢展开的动画效果,该怎么制作这个动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-02-28

最新评论