我要评论本篇教程主要是向移动技术网的朋友介绍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));
}
[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动画效果教程，希望能对大家有所帮助！
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！
网友评论