论文部分内容阅读
时间过的真快，转眼新年就到了眼前，大家一定想在新年之夜和家人一起燃放烟花来庆祝新年的到来吧！可是你们那里是不是还是禁放区呢？(*^__^*) 嘻嘻……这好办，就让我们一起来做个燃放烟花的Flash动画吧，在自己的电脑上想怎么放就怎么放，既经济又安全，还环保呢！
制作思路：
先制作一个带声音的焰火燃放的影片编辑和一个反应区非常大的按钮元件，然后通过动作脚本代码设置当鼠标单击按钮时焰火随机改变颜色并且燃放。
制作过程：
一、烟花元件的制作
1、背景设置
启动Flash，新建一影片，设置场景大小为550×400，背景色设置为“＃000000”黑色。
2、烟花组成部分“火星”元件的制作
新建一“火星”图形元件，选择工具面板中的椭圆工具在编辑区画一个无边框的红色椭圆，然后用箭头工具向后拉长，宽为32高为2左右。(如图1)
3、烟花组成部分“烟雾”元件的制作：
新建一“烟花”图形元件，选择椭圆工具画一个无边框的灰色椭圆，用箭头工具调整椭圆形状宽为185高为30左右，打开混色器面板，在填充样式里面选择线性渐变，调整“烟雾”的前端Alpha值为50%，后端Alpha值为10%（如图2）
4、烟花元件的制作
(1)新建一“烟花”影片编辑元件，插入一图层，将2个图层自上而下命名为“火星”和“烟雾”，打开库窗口，将“火星”和“烟雾”2个图形元件拖放到相应的图层的合适位置。（如图3）
(2)在两图层的第10帧插入一关键帧，单击“火星”图层第10帧的“火星”图形，将其向左移动100，然后用任意变形工具，将其改变成一个圆点形状，建立动作补间动画。拷贝第10帧的原点，到第11、13帧，且把圆点的颜色改变为白色，使效果更逼真些。（如图4）
(3)选中烟雾图层第1帧的烟图形，用上面的办法把它缩短，选中烟雾图层第10帧的烟雾图形，将其相左移动，前端与火星图形圆点重齐，建立动作补间动画。在13帧处插入关键帧，把透明度（Alpha）调整到30%左右，并建立动作补间动画。（如图4）
二、烟花动画影片编辑的制作
1、导入烟花爆炸声音：把实现准备好的声音声音导入到库中。
2、新建一“烟花动画”影片编辑元件，插入一图层，把刚才导入的声音放在此层。
3、在图层1的第一帧画一红竖线，表现焰花上升时光的痕迹（注意红线是垂直的，位置对准烟花元件），在第2帧插入关键帧将红竖线向上提升一些。（如图5）
4、在第3帧插入空白关键帧，将烟花元件放到第三帧（注意与红线重齐如图5）。并且将其实例名称命名为“fire”。写入以下帧动作代码：
for (i=1; i<100; i++) {
duplicateMovieClip("fire", "fire" + i, i);
setProperty("fire" + i, _rotation, random(360));
setProperty("fire" + i, _xscale, random(100));
setProperty("fire" + i, _yscale, random(100));
}//复制100个烟花元件，并且旋转一定的角度，使其组成一个圆，展现出烟花燃放的情景
5、在图层1的16帧（也就是声音的结束帧）插入空白关键帧输入帧动作代码：
stop();
removeMovieClip(yanhuo1); //删除复制的整个焰火元件并停止
三、主场景设置
1、背景和按钮：导入一幅漂亮的城市夜景图片到库（如图6），并且制作一个大的按钮前3帧空白，在第4帧反应区，画一宽度与影片一样的矩形即可。
2、新建两图层，自上而下依次命名为“按钮”、“烟花”和“背景”层，将城市夜景图片拖放到背景层并且画一红色边框的矩形，输入燃放区三个字。
3、在“按钮”层的第1帧插入空白关键帧，并输入帧代码：var i=0;，在第2帧插入空白关键帧，将“按钮”元件拖放到场景中间偏下的位置（如图6），并输入帧代码：stop();单击选定“按钮”元件，输入动作按钮代码：
on (release) {
x = _xmouse;
y = _ymouse-250;
var yanhuo1 = "yanhuo"+i;
gotoAndPlay(3);
}
在第4帧插入普通帧。
4、在“烟花”图层的第3帧插入空白关键帧，将“烟花动画”影片编辑元件拖放到场景中，并且将其实例名称命名为“yanhuo”，输入帧动作代码：
i = i+1;
_root.yanhuo.duplicateMovieClip(yanhuo1, 100+i);
setProperty(yanhuo1, _x, x);
setProperty(yanhuo1, _y, y);
单击选定“烟花动画”元件，输入动作影片编辑代码：
onClipEvent (mouseDown) {
this.color = new Color(this);
this.color.setRGB(random(0xFFFFFF));
}
在第4帧插入关键帧，输入帧动作代码：gotoAndStop(2);
5、在其他两层的第4帧插入1普通帧。
好了到这里就制作完成了，可以单击控制→测试影片（Ctrl+Enter）观看效果了。（如图7）
我们在制作时，一定要看清到底是帧动作、按钮动作还是动作影片剪辑代码，千万不要搞错，我们还可以修改代码中的数值使烟花燃放效果更加逼真。
注：“本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文。”
制作思路：
先制作一个带声音的焰火燃放的影片编辑和一个反应区非常大的按钮元件，然后通过动作脚本代码设置当鼠标单击按钮时焰火随机改变颜色并且燃放。
制作过程：
一、烟花元件的制作
1、背景设置
启动Flash，新建一影片，设置场景大小为550×400，背景色设置为“＃000000”黑色。
2、烟花组成部分“火星”元件的制作
新建一“火星”图形元件，选择工具面板中的椭圆工具在编辑区画一个无边框的红色椭圆，然后用箭头工具向后拉长，宽为32高为2左右。(如图1)
3、烟花组成部分“烟雾”元件的制作：
新建一“烟花”图形元件，选择椭圆工具画一个无边框的灰色椭圆，用箭头工具调整椭圆形状宽为185高为30左右，打开混色器面板，在填充样式里面选择线性渐变，调整“烟雾”的前端Alpha值为50%，后端Alpha值为10%（如图2）
4、烟花元件的制作
(1)新建一“烟花”影片编辑元件，插入一图层，将2个图层自上而下命名为“火星”和“烟雾”，打开库窗口，将“火星”和“烟雾”2个图形元件拖放到相应的图层的合适位置。（如图3）
(2)在两图层的第10帧插入一关键帧，单击“火星”图层第10帧的“火星”图形，将其向左移动100，然后用任意变形工具，将其改变成一个圆点形状，建立动作补间动画。拷贝第10帧的原点，到第11、13帧，且把圆点的颜色改变为白色，使效果更逼真些。（如图4）
(3)选中烟雾图层第1帧的烟图形，用上面的办法把它缩短，选中烟雾图层第10帧的烟雾图形，将其相左移动，前端与火星图形圆点重齐，建立动作补间动画。在13帧处插入关键帧，把透明度（Alpha）调整到30%左右，并建立动作补间动画。（如图4）
二、烟花动画影片编辑的制作
1、导入烟花爆炸声音：把实现准备好的声音声音导入到库中。
2、新建一“烟花动画”影片编辑元件，插入一图层，把刚才导入的声音放在此层。
3、在图层1的第一帧画一红竖线，表现焰花上升时光的痕迹（注意红线是垂直的，位置对准烟花元件），在第2帧插入关键帧将红竖线向上提升一些。（如图5）
4、在第3帧插入空白关键帧，将烟花元件放到第三帧（注意与红线重齐如图5）。并且将其实例名称命名为“fire”。写入以下帧动作代码：
for (i=1; i<100; i++) {
duplicateMovieClip("fire", "fire" + i, i);
setProperty("fire" + i, _rotation, random(360));
setProperty("fire" + i, _xscale, random(100));
setProperty("fire" + i, _yscale, random(100));
}//复制100个烟花元件，并且旋转一定的角度，使其组成一个圆，展现出烟花燃放的情景
5、在图层1的16帧（也就是声音的结束帧）插入空白关键帧输入帧动作代码：
stop();
removeMovieClip(yanhuo1); //删除复制的整个焰火元件并停止
三、主场景设置
1、背景和按钮：导入一幅漂亮的城市夜景图片到库（如图6），并且制作一个大的按钮前3帧空白，在第4帧反应区，画一宽度与影片一样的矩形即可。
2、新建两图层，自上而下依次命名为“按钮”、“烟花”和“背景”层，将城市夜景图片拖放到背景层并且画一红色边框的矩形，输入燃放区三个字。
3、在“按钮”层的第1帧插入空白关键帧，并输入帧代码：var i=0;，在第2帧插入空白关键帧，将“按钮”元件拖放到场景中间偏下的位置（如图6），并输入帧代码：stop();单击选定“按钮”元件，输入动作按钮代码：
on (release) {
x = _xmouse;
y = _ymouse-250;
var yanhuo1 = "yanhuo"+i;
gotoAndPlay(3);
}
在第4帧插入普通帧。
4、在“烟花”图层的第3帧插入空白关键帧，将“烟花动画”影片编辑元件拖放到场景中，并且将其实例名称命名为“yanhuo”，输入帧动作代码：
i = i+1;
_root.yanhuo.duplicateMovieClip(yanhuo1, 100+i);
setProperty(yanhuo1, _x, x);
setProperty(yanhuo1, _y, y);
单击选定“烟花动画”元件，输入动作影片编辑代码：
onClipEvent (mouseDown) {
this.color = new Color(this);
this.color.setRGB(random(0xFFFFFF));
}
在第4帧插入关键帧，输入帧动作代码：gotoAndStop(2);
5、在其他两层的第4帧插入1普通帧。
好了到这里就制作完成了，可以单击控制→测试影片（Ctrl+Enter）观看效果了。（如图7）
我们在制作时，一定要看清到底是帧动作、按钮动作还是动作影片剪辑代码，千万不要搞错，我们还可以修改代码中的数值使烟花燃放效果更加逼真。
注：“本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文。”