flash怎么制作粒子慢慢增多并组合成文字的动画

平面设计 2021-07-03 12:43www.168986.cn平面设计培训

今天我们就来介绍一个比较有意思的动画效果,就是文字积累粒子的效果。主要知识点绘图函数,碰撞检测,计时器事件,该怎么实现呢?狼蚁网站SEO优化我们就来看看使用Animate 实现的教程,请看下文详细介绍。

软件名称
Adobe Animate CC 2019(原Flash) 19.0 中/英文最新版 64位
软件大小
1.8GB
更新时间
2018-10-16

1、这里用的是Animate CC,打开软件,新建AS3文档。

2、设置舞台颜色为黑色

3、在舞台上放置一个文本框,文字自行输入。

4、转换为影片剪辑,然后设置实例名为mc

5、准备工作完成,在主时间轴加如下代码

6、此时运行,预览后,随着鼠标的移动,可以看到不断的产生彩色小球,并向下移动。

7、随着小球越来越多,当经过文字时,会随机停留在文字上,慢慢的显示出文字轮廓。

var maxNum:int=3;
var mcAry:Array=new Array();
var timer:Timer=new Timer(20);
timer.addEventListener(TimerEvent.TIMER,UpdateView);
stage.addEventListener(MouseEvent.MOUSE_MOVE,MouseMoveEvent);
timer.start();
mc.alpha=0;
function MouseMoveEvent(e:MouseEvent):void
{
for(var i=0;i<maxNum;i++)
{
var color:uint=Math.random()0xffffff;
mcAry.push(new MovieClip());
mcAry[mcAry.length-1].graphics.beginFill(color,1);
mcAry[mcAry.length-1].graphics.drawCircle(0,0,0.5+Math.random()2);
mcAry[mcAry.length-1].graphics.endFill();
mcAry[mcAry.length-1].spd=1+Math.random()2;
addChild(mcAry[mcAry.length-1]);
mcAry[mcAry.length-1].x=this.mouseX;
mcAry[mcAry.length-1].y=this.mouseY;
}
}
function UpdateView(e:TimerEvent):void
{
for(var i:int=0;i<mcAry.length;i++)
{
if(mcAry[i].y<stage.stageHeight+mcAry[i].height)
{
mcAry[i].y+=mcAry[i].spd;
var temp:int=int(Math.random()10000)%3;
if(mc.hitTestPoint(mcAry[i].x,mcAry[i].y,true)==true&&temp==0)
{
mcAry[i].spd=0;
}
}
}
}

8、可以使用这个效果制作贺卡之类的动态效果。

以上就是flash制作粒子组成文字动画的教程,希望大家喜欢,请继续关注狼蚁SEO。

相关推荐

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by