Flash制作鼠标点击图片显示打散的gif动画效果
平面设计 2021-07-03 14:35www.168986.cn平面设计培训
本篇教程主要是向狼蚁SEO的朋友介绍Flash制作鼠标点击图片显示打散的gif动画效果方法,教程很不错,很值得学习,狼蚁网站SEO优化我们一起来看看吧!
效果演示鼠标点击观看效果
1、新建Flash文档,550400,其它默认。
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动画效果教程,希望能对大家有所帮助!
平面设计师
- 四种常用的企业网站推广方式(了解SEO、SEM、社
- 网站建设类型概述(了解不同类型的网站建设)
- 珠海独立建站代理
- 丹东seo关键字优化(丹东seo技巧诀窍)
- 北京SEO教你百度快照排名怎么做-
- 怎么能搜索到附近人的手机网站
- 营销型网站建设五步骤(让企业营销更的建站方
- 重庆网站建设首页优化欢迎咨询
- 如何通过网页留白设计提升网站用户体验(网页
- 新手直播带货如何起号?(直播时需要遵循的4个
- 如何建立一个网站并维护(网站维护的内容有哪
- 如何利用策略提高网站百度SEO优化效果?(掌握
- 黄石商品seo推广价格
- 快速提高网站排名的10种方法(让你的网站在搜索
- 如何优化百度SEO内链和外链(5个外链优化方法)
- 沈阳企业建站模板