flash鼠标拖尾粒子效果怎么制作? flash粒子拖尾代
平面设计 2021-07-03 14:34www.168986.cn平面设计培训
前面讲过制作粒子效果,这里我们为鼠标跟随效果再增加一种形式,主要用到鼠标移动事件,动态生成对象,绘图函数等知识,强调一下我们使用的Animate CC即原来的flash 。
- 软件名称
- Adobe Animate CC 2019(原Flash) 19.0 中/英文最新版 64位
- 软件大小
- 1.8GB
- 更新时间
- 2018-10-16
1、这里用的是AnimateCC,打开软件,新建AS3文档。
2、新建一个空影片剪辑。
3、设置这个影片剪辑的链接属性为:Pflashs
4、进入空影片剪辑里,在时间轴加如下代码
var color:uint=0; var speed:Number=0; var i:Number=0; var rad:Number=0; var boxPar:Shape; function initView(_color:uint,_rad:Number):void { color=_color; speed=2; rad=_rad; AddParicle(); this.addEventListener(Event.ENTER_FRAME,UpdateView); } function AddParicle():void { boxPar=new Shape(); addChild(boxPar); boxPar.graphics.beginFill(color,1); boxPar.graphics.drawCircle(0,0,rad); boxPar.graphics.endFill(); } function UpdateView(e:Event):void { boxPar.x+=2; boxPar.alpha-=0.05; if(boxPar.alpha<0.01) { this.removeEventListener(Event.ENTER_FRAME,UpdateView); this["parent"].removeChild(this); } }
5、回到主场景,在主场景的时间轴加如下代码
var maxNum:int=3; var mcAry:Array=new Array(); stage.addEventListener(MouseEvent.MOUSE_MOVE,MouseMoveEvent); function MouseMoveEvent(e:MouseEvent):void { for(var i=0;i<maxNum;i++) { var color:uint=Math.random()0xffffff; mcAry.push(new Pflashs()); addChild(mcAry[mcAry.length-1]); mcAry[mcAry.length-1].initView(color,Math.random()5); mcAry[mcAry.length-1].x=this.mouseX; mcAry[mcAry.length-1].y=this.mouseY; mcAry[mcAry.length-1].rotation=Math.random()360; } }
6、运行后,移动鼠标,就能看到彩色粒子不断产生,并飞向四处。
7、,这个效果也可以换成用花瓣或者树叶进行制作,会有更好看的动态效果。
以上就是flash粒子拖尾效果的制作方法,希望大家喜欢,请继续关注狼蚁SEO。
相关推荐
平面设计师
- 免费平面设计网站 免费平面设计绘图软件
- 平面设计基础知识题库
- 平面设计基础学包括哪些
- ui设计师工资一般多少 北京ui设计师工资一般多少
- 平面设计技巧方法 平面设计技巧总结
- 哪里的平面设计培训班比较好 哪家平面培训设计
- 哪些人不适合学平面设计 平面设计师工资一般多
- 女生学习平面设计还有其独特的优势
- 平面设计大学专业叫什么 平面设计大学专业叫什
- ui就业前景和工资待遇 ui就业前景和工资待遇怎么
- 平面设计ps入门教程 平面设计photoshop 基本操作方
- 免费学平面设计教程 平面设计免费教程网站
- 平面设计就业方向有哪些 平面设计专业就业前景
- 女生学什么设计前景好 女孩学什么设计好赚钱
- 什么人适合学平面设计 学平面设计后悔死了
- 平面设计内容有哪些 平面设计内容包括什么