Flash制作鼠标点击图片显示打散的gif动画效果
程序员文章站
2023-12-28 16:26:34
这篇教程是向脚本之家的朋友介绍Flash制作鼠标点击图片显示打散的gif动画效果,教程制作出来的效果很不错,难度不是很大,主要利用AS代码完成,好了,下面我们一起来学习吧... 15-01-23...
本篇教程主要是向的朋友介绍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动画效果教程,希望能对大家有所帮助!