2025年3月26日 星期三 甲辰(龙)年 月廿五 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 软件应用 > 三维动画 > Flash

Flash制作焰火飘落特效(鼠标触发)

时间:08-03来源:作者:点击数:81

在前面我们给大家讲解了Flash制作的实例教程,今天书院小生接着给大家讲解Flash制作焰火飘落特效(鼠标触发)的教程。下面我们一起来看看具体内容:

首先我们来看看具体的效果吧!

效果图

看了效果是不是很不错,下面我们就一起来看看具体步骤吧!

步骤一、新建一个空白文档,设置其大小为500×300像素,帧频为30FPS。打开素材文件,然后设置其坐标为(0,0),如图所示,再采用前面的方法在【属性】面板中添加Main文档类。

导入背景

步骤二、按下快捷键【Ctrl+F8】新建一个影片剪辑,建立之后就进入影片剪辑的编辑区域,然后按住【Shift+Alt】组合键的同时使用【椭圆工具】在该影片剪辑的中心点绘制一个圆形。

绘制圆形

步骤三、新建一个图层,再单击【工具箱】中的【多角星形工具】按钮,并在【属性】面板中设置好该工具的参数,然后按住【Shift+Alt】组合键的同时在影片剪辑的中心点绘制一个如图所示的星形。

星形

步骤四、使用【选择工具】调整好星形的顶点位置,如图所示。

调整星形的位置

步骤五、选择已经调整好的多角星形,然后在文档中原位复制出一份,按【Ctrl+Alt+S】组合键打开【缩放和旋转】对话框,在弹出的对话框中设置缩放为40%,再设置其填充颜色为白色,如图所示。

多角星形

步骤六、返回到【场景1】,按Ctrl+F8组合键新建一个影片剪辑,再设置填充类型为【放射状】,第1个色标颜色为(R:255,G:255,B:255),第2个色标颜色为 (R:255,G:255,B:204),第3个色标颜色为(R:255,G:204,B:0),第4个色标颜色为(R:255,G:102,B:0),第5个色标颜色为(R:153,G:0,B:0),Alpha为0%,然后按住Alt键的同时使用【矩形工具】以该影片剪辑中心点为起点绘制一个如图所示的矩形。

放射状

步骤七、按下快捷键【Q】使用【任意变形工具】选择矩形,然后按【Ctrl+T】组合键打开【变形】面板,设置旋转为45°,再单击【重制选区和变形】按钮,复制出3份图形,如图所示。

任意变形工具

步骤八、复制出5个图形,然后将其分别调整成如图所示的颜色,再将复制出的图形全部转换为影片剪辑,并将其分别命名为01、02、03、04和05。

复制5个图形

步骤九、将01、02、03、04和05影片剪辑分别放置在第一个图层的5个关键帧上,然后分别为其添加不同的【发光】滤镜,然后再新建一个AS图层,最后在【动作-帧】面板中输入stop():程序,如图所示。

发光滤镜

步骤十、在前面分别新建了两个元件,现在我们给他们加上元件类。

添加元件类

步骤十一、然后我们新建一个ActionScript文件,将其命名为Main,然后保存在该实例的文件夹中,接着再输入以下控制代码。

  • /**
  • *该类为主程序类
  • *@authorlbynet
  • *@version0.1
  • */
  • package{
  • importflash.display.Sprite;
  • importflash.display.MovieClip;
  • importflash.events.Event;
  • importflash.events.MouseEvent;
  • importflash.ui.Mouse;
  • publicclassMainextendsSprite{
  • privatevarstar:MovieClip;
  • publicfunctionMain(){
  • Mouse.hide();
  • this.star=newStar_mc();
  • addChild(star);
  • stage.addEventListener(MouseEvent.MOUSE_MOVE,moveHandler);
  • }
  • privatefunctionmoveHandler(e:MouseEvent):void{
  • this.star.x=stage.mouseX;
  • this.star.y=stage.mouseY;
  • var_mc=newMagic_mc();
  • _mc.x=stage.mouseX;
  • _mc.y=stage.mouseY;
  • addChild(_mc);
  • _mc.addEventListener(Event.ENTER_FRAME,RemoveDrop);
  • }
  • privatefunctionRemoveDrop(event:Event){
  • var_mc:MovieClip=event.targetasMovieClip;
  • if(_mc.scaleX<=0){
  • _mc.removeEventListener(Event.ENTER_FRAME,RemoveDrop);
  • removeChild(_mc);
  • }
  • //trace(this.numChildren)
  • }
  • }
  • }

步骤十二、同样新建一个ActionScript文件,然后输入控制代码。

  • /**
  • *该类为扩展元件类
  • *@authorlbynet
  • *@version0.1
  • */
  • package{
  • importflash.display.MovieClip;
  • importflash.events.Event;
  • publicclassMagic_mcextendsMovieClip{
  • privatevardis:Number;
  • publicfunctionMagic_mc(){
  • init();
  • }
  • privatefunctioninit(){
  • varRandom=1+Math.round(Math.random()*4);
  • this.gotoAndStop(Random);
  • this.scaleX=this.scaleY=Math.random();
  • //产生随机数-5到5之间的随机数
  • dis=Math.round((Math.random()-.5)*10);
  • this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);
  • }
  • privatefunctionenterFrameHandler(event:Event){
  • this.y+=5;
  • this.x+=dis;
  • this.scaleX-=.005;
  • this.scaleY-=.005;
  • }
  • }
  • }

在程序添加完成之后,按下键盘的【CTRL+ENTER】进行测试即可。

好了,以上就是关于Flash制作焰火飘落特效(鼠标触发)的全部内容,希望对你有所帮助!

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
上一篇:很抱歉没有了 下一篇:Flash制作写字效果动画教程
推荐内容
相关内容
栏目更新
栏目热门