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的人很惨
- 哪里有学平面设计的学校 想学平面设计去哪里学
- 初学平面设计用哪个软件 平面设计初学者必备的
- 0基础学平面设计要多久 0基础自学平面设计
- 平面设计手绘培训 平面设计师培训班学费多少钱
- ui工作好找工作吗 ui好不好找工作
- 女生学室内设计吃香吗
- ps平面设计自学教程 平面设计ps入门教程
- 平面设计基础知识大全 平面设计基本常识
- 平面设计基础教学视频 平面设计教学零基础入门
- 平面设计基础教学 平面设计基础教学平时作业
- ui设计主要是学什么 ui设计一般是学什么