您现在的位置： 万盛学电脑网 >> 软件知识 >> 图文处理 >> Flash教程 >> 正文
Flash 打造鼠标触发的焰火飘落互动特效
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本例介绍用FlashCS4制作鼠标触发的焰火飘落互动特效，主要是用计算鼠标跟随对象来产生具有一定规律的星火特效。
思路：导入背景素材，然后制作出焰火飘落特效。创建文档类，产生鼠标跟随的多角星形特效；创建元件类的扩展类，产生随机大小的火花效果。
用鼠标在画面上划过，即可看到绚丽的互动特效
一、火飘落特效制作焰
(1)新建一个大小为500×300像素，帧频为30fps的空白文档。按Ctrl+R组合键导入本书配套光盘中的"Chapter08/素材/西湖夜景.jpg"文件，然后设置其坐标为(0，0)，如图1所示，再采用前面的方法在"属性"面板中添加Main文档类。
图1导入背景
(2)按Ctrl+F8组合键新建一个影片剪辑(名称为Star_mc)，进入该影片剪辑的编辑区域，然后按住Shift+Alt组合键的同时使用"椭圆工具"在该影片剪辑的中心点绘制一个圆形。
图2绘制圆形
技巧与提示：图形的填充色类型为"放射状"，第1个色标颜色为(R:255，G:0，B:0)，第2个色标颜色为(R:153，G:0，B:0)，第3个色标颜色为(R:153，G:0，B:0)，Alpha为0%。
(3)新建一个star图层，再单击"工具箱"中的"多角星形工具"按钮，并在"属性"面板中设置好该工具的参数，然后按住Shift+Alt组合键的同时在影片剪辑的中心点绘制一个如图3所示的星形。
图3绘制多角星形
(4)使用"选择工具"调整好星形的顶点位置，如图4所示。
图4调整顶点
(5)选择调整好的多角星形，然后原位复制出一份，按Ctrl+Alt+S组合键打开"缩放和旋转"对话框，设置缩放为40%，再设置其颜色为白色，如图5所示。
图5拷贝并缩放图形
(6)返回到"场景1"，按Ctrl+F8组合键新建一个影片剪辑(名称为 Magic_mc)，再设置填充类型为"放射状"，第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键的同时使用"矩形工具"以该影片剪辑中心点为起点绘制一个如图6所示的矩形。
图6绘制矩形
(7)使用"任意变形工具"选择矩形，然后按Ctrl+T组合键打开"变形"面板，设置旋转为45°，再单击"重制选区和变形"按钮，复制出3份图形，如图7所示。
图7复制图形
(8)复制出5个图形，然后将其调整成如图8所示的颜色，再将复制出的图形转换为影片剪辑，并将其分别命名为01、02、03、04和05。
图8复制图形
(9)将01、02、03、04和05影片剪辑分别放置在Magic_mc图层的5个关键帧上，然后分别为其添加不同的"发光"滤镜，再新建一个AS图层，最后在"动作-帧"面板中输入stop()：程序，如图9所示。
图9应用滤镜效果
请点击"下一页"，我们创建元件类，添加控制代码。
二、创建元件类添加控制代码
(1)采用前面的方法分别为Magic_mc和Star_mc影片剪辑添加元件类，如图10所示。
图10添加元件类
(2)新建一个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)
}
}
}
技巧与提示：该文档类基本包含了"星星洒落"实例中Main文档类的知识，此外第18行代码为Mouse类的hide()方法，用于隐藏鼠标指针，在使用该方法前必须先导入Mouse类(如第11行代码)。
该文档类定义了一个私有属性Star，第19行代码是为该属性赋值，值为所创建的元件类(Star_mc)，并将其添加到显示列表中(如第20行代码)，而24和25行代码是为该元件类应用鼠标跟随效果。
(3)同样新建一个ActionScript文件，然后输入控制代码。
/**
*该类为扩展元件类
*@authorlbynet
*@version0.1
*/
package{
importflash.display.MovieClip;
importflash.events.Event;
publicclassMagic_mcextendsMovieClip{
privatevardis:Number;
publicfunctionMagic_mc(){
init();
}
privatefunctioninit(){
varRandom=1+Math.roun
- 上一个软件知识： flash选择工具教程
- 下一个软件知识： Flash制作GIF完整教程分享
