手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash制作鼠标点击图片显示打散的gif动画效果
Flash制作鼠标点击图片显示打散的gif动画效果
摘要:本篇教程主要是向查字典教程网的朋友介绍Flash制作鼠标点击图片显示打散的gif动画效果方法,教程很不错,很值得学习,下面我们一起来看看吧!...

本篇教程主要是向查字典教程网的朋友介绍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制作鼠标点击图片显示打散的gif动画效果】相关文章:

Flash制作漂亮逼真的竹林

Flash AS代码编写模拟打字效果的动画特效

Flash CS4制作切换放大菜单效果

教你用FLASH制作漂亮的图形旋转动画效果

Flash制作旋转拖尾文字效果

Flash8简单制作酷炫的星空飞越动画特效

Flash引导线制作雪花飘飘动画

Flash入门实例教程:无停顿不间断图片滚动的动画效果制作

flash制作图片椭圆扩展效果方法介绍

Flash制作线框字特效

精品推荐
分类导航