Flash实例教程之打造鼠标触发火焰特效

更新时间：2017-04-14整理编辑：建站学习网阅读：0

　　本教程为大家介绍使用Flash CS5制作鼠标触发的焰火飘落互动特效，主要是用计算鼠标跟随对象来产生具有一定规律的星火特效。

　　用鼠标在画面上划过，即可看到绚丽的互动特效

　　一、制作焰火飘落特效

　　(1)新建一个大小为500×300像素，帧频为30fps的空白文档。按Ctrl+R组合键导入西湖夜景.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，然后将其保存在该实例的文件夹中，再输入控制代码。

　　* 该类为扩展元件类
* @author lbynet
* @version 0.1
*/
package {
import flash.display.MovieClip;
import flash.events.Event;
public class Magic_mc extends MovieClip {
private var dis:Number;
public function Magic_mc() {
init();
}
private function init() {
var Random = 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);
}
private function enterFrameHandler(event:Event) {
this.y += 5;
this.x += dis;
this.scaleX -=.005;
this.scaleY -=.005;
}
}
}

　　技巧与提示：

　　第19和20行代码是为该元件类创建一个1~5之间的随机数，使该影片剪辑元件类在实例化(被创建时)时将播放头移到并停止在指定的时间帧上。

　　Math.random()方法产生0~1之间的随机数，Math.random()*4方法返回到0~4之间的随机数，而 Math.round()方法用于向上或向下舍入为最接近的整数并返回该值，所以1+Math.round(Math.random()*4)方法取得 1~5之间的随机整数值;gotoAndStop()语句使影片剪辑的播放头移到并停止在指定的时间帧上。

　　通过使用Math.random()-0.5 方法来生成-0.5~0.5之间的随机数，然后乘以10得到-5~5之间的随机数，再使用Math.round方法进行舍入并取得整数，这样当鼠标指针由下往上移动时，就会产生星火飘落的效果，如图11所示。