加入收藏 | 设为首页 | 会员中心 | 我要投稿 | 在线留言 | RSS
成网科技业务包括域名空间企业网站制作
 
国际域名com/net/org仅售80元/年
1G独立空间(PHP+MYSQL)仅售600元/年
您当前的位置:首页 > 技术交流 > 媒体动画 > Flash教程 > Flash实例教程

flash实例-打造鼠标触发火焰特效

时间:2012-09-27 11:24:43  来源:互联网  作者:佚名  点击:

思路:导入背景素材,然后制作出焰火飘落特效。创建文档类,产生鼠标跟随的多角星形特效;创建元件类的扩展类,产生随机大小的火花效果。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
用鼠标在画面上划过,即可看到绚丽的互动特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效 脚本之家fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
一、 制作焰火飘落特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(1)新建一个大小为500×300像素,帧频为30fps的空白文档。按Ctrl+R组合键导入西湖夜景.jpg”文件,然后设置其坐标为(0,0),如图1所示,再采用前面的方法在“属性”面板中添加Main文档类。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图1 导入背景fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(2)按Ctrl+F8组合键新建一个影片剪辑(名称为Star_mc),进入该影片剪辑的编辑区域,然后按住Shift+Alt组合键的同时使用“椭圆工具”在该影片剪辑的中心点绘制一个圆形。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图2 绘制圆形fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
技巧与提示:图形的填充色类型为“放射状”,第1个色标颜色为(R:255,G:0,B:0),第2个色标颜色为(R:153,G:0,B:0),第3个色标颜色为(R:153,G:0,B:0),Alpha为0%。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(3)新建一个star图层,再单击“工具箱”中的“多角星形工具”按钮 ,并在“属性”面板中设置好该工具的参数,然后按住Shift+Alt组合键的同时在影片剪辑的中心点绘制一个如图3所示的星形。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图3 绘制多角星形fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(4)使用“选择工具”调整好星形的顶点位置,如图4所示。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图4 调整顶点fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(5)选择调整好的多角星形,然后原位复制出一份,按Ctrl+Alt+S组合键打开“缩放和旋转”对话框,设置缩放为40%,再设置其颜色为白色,如图5所示。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图5 拷贝并缩放图形fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(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所示的矩形。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图6 绘制矩形fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(7)使用“任意变形工具”选择矩形,然后按Ctrl+T组合键打开“变形”面板,设置旋转为45°,再单击“重制选区和变形”按钮 ,复制出3份图形,如图7所示。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图7 复制图形fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(8)复制出5个图形,然后将其调整成如图8所示的颜色,再将复制出的图形转换为影片剪辑,并将其分别命名为01、02、03、04和05 。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图8 复制图形fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(9)将01、02、03、04和05 影片剪辑分别放置在Magic_mc图层的5个关键帧上,然后分别为其添加不同的“发光”滤镜,再新建一个AS图层,最后在“动作-帧”面板中输入stop():程序,如图9所示。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图9 应用滤镜效果fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
二、 创建元件类 添加控制代码fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(1)采用前面的方法分别为Magic_mc和Star_mc影片剪辑添加元件类,如图10所示。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图10 添加元件类fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(2)新建一个ActionScript文件,将其命名为Main,然后将其保存在该实例的文件夹中,再输入控制代码。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
* 该类为扩展元件类fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
* @author lbynetfu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
* @version 0.1fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
*/fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
package {fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
import flash.display.MovieClip;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
import flash.events.Event;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
public class Magic_mc extends MovieClip {fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
private var dis:Number;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
public function Magic_mc() {fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
init();fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
}fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
private function init() {fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
var Random = 1 + Math.round(Math.random()*4);fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.gotoAndStop(Random);fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.scaleX = this.scaleY = Math.random();fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
//产生随机数-5到5之间的随机数fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
dis = Math.round((Math.random()-.5)*10);fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.addEventListener(Event.ENTER_FRAME,enterFrameHandler);fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
}fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
private function enterFrameHandler(event:Event) {fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.y += 5;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.x += dis;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.scaleX -=.005;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
this.scaleY -=.005;fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
}fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
}fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
}fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
技巧与提示:fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
第19和20行代码是为该元件类创建一个1~5之间的随机数,使该影片剪辑元件类在实例化(被创建时)时将播放头移到并停止在指定的时间帧上。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
Math.random()方法产生0~1之间的随机数,Math.random()*4方法返回到0~4之间的随机数,而 Math.round()方法用于向上或向下舍入为最接近的整数并返回该值,所以1+Math.round(Math.random()*4)方法取得 1~5之间的随机整数值;gotoAndStop()语句使影片剪辑的播放头移到并停止在指定的时间帧上。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
通过使用Math.random()-0.5 方法来生成-0.5~0.5之间的随机数,然后乘以10得到-5~5之间的随机数,再使用Math.round方法进行舍入并取得整数,这样当鼠标指针由下往上移动时,就会产生星火飘落的效果,如图11所示。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
flash实例-打造鼠标触发火焰特效fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
图11 星火飘落效果fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
第30行代码是为火花加入y轴坐标方向上的一个固定加速度,而第31行代码则是火花在x轴坐标方向上的一个-5~5之间的随机加速度值。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
(4)按Ctrl+Enter组合键发布程序。fu2成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

成网科技 www.it28.com竭诚为您服务!
开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设_成网科技

更多
 


来顶一下
返回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐资讯
相关文章
栏目更新
栏目热门