html5 放鞭炮效果,flash如何制作鞭炮的爆炸效果

分手后的思念是犯贱 2022-10-06 05:43 213阅读 0赞

本教程是向大家介绍利用flash制作鞭炮的爆炸效果，不用AS，就可以实现一串鞭炮爆炸，教程实用性还不错，推荐给大家，希望对大家有所帮助!

要过年了，少不了想放鞭炮，生活中的事儿，网上的也全要有。怎么让一串鞭炮爆炸呢?在网上找了几天，都是用AS，实现鞭炮爆炸效果的，虽然用AS效果很好，但是对于初学者及不懂AS的朋友有一定困难。经过两天的琢磨，不用AS，终于也可以实现让一串鞭炮爆炸了!下面讲一下那串鞭糇爆炸的制作过程!

新建flash文档，背景色选黑色，其他默认，确定。保存为点鞭炮

一、制作元件

1、新建图形元件，画一个鞭炮样![df0bbcc6831b0f4664c3b568e7a9b7a0.png][]

2、新建MC，起名鞭炮落。因为串起来的鞭炮都是两个两个地炸，所以这个MC里用了两个鞭炮。图层1放一个，图层2放一个。

用逐帧画出鞭糇炸开后下落的不同形态。第11帧上写入帧动作：

复制代码

代码如下:

stop();

加一新图层位于最上面，给这个MC，导入鞭炮炸的声音。

下面图分别是时间轴上第1帧到第10帧的样子(大家可以画得更好的，图中绿线是为了画时找好位置，引用了标尺.)![6f6cadf032ad5fefc58ce0e51b24f99f.png][]![6f6cadf032ad5fefc58ce0e51b24f99f.png][]![8c0a6483e8c9c9dc40ce58577029c37a.png][]![84bbd5c6618df3d180395b5476e708d7.png][]![e2d6097cf20d8437189b0ab44d127fd4.png][]

3、把上面MC中的第1帧的图形，转换为图形元件，起名为两炮。

4、新建MC，起名火(这个火是点了炮后，往上窜的火)

用逐帧画出火苗的不同形态。![2f81ecfcbe68b94f710b56001be98cac.png][]

5、新建MC，起名火苗(这个火焰是火柴上用的)火苗用椭圆工具画出一个圆，再用箭头工具拉成火苗状，白--黄--红放射填充.10帧处改火苗方向.在第1帧，第10帧处设形状补间.![cbdbdfa808212cdbab5ea5fc981c63dd.png][]

6、新建MC，起名火柴

上面图层是火苗MC。下面图层画上火柴的柄![562ffe73b19591ec80bd9970cb59890d.png][]

回到场景

一、安排鞭炮

1、在图层1上拖入图形元件--两炮，复制若干个，排成一排状，然后全部选中，点鼠标右键选分散到图层。给所有图层加到110帧。

2、找到最下面鞭炮的层，在12帧处插入关键帧，点下面这一层上的图，交换元件：鞭炮落MC

3、找到上面鞭炮的层，在15帧处插入关键帧，点下面这一层上的图，交换元件：鞭炮落MC

4、找到再上面鞭炮的层，在20帧处插入关键帧，点下面这一层上的图，交换元件：鞭炮落MC

5、依次找到换完，注意上下层的顺序。要不，上面的可要先炸了!!!![6ea77876adaf7089fe71bb06d26f4f81.png][]![8c2975f1bb93fa7e08432c802f79124f.png][]

二、安排火苗

1、新增图层，捻子

沿这串鞭炮画一条线，作为这串鞭炮的总捻子。不必太直。颜色同鞭炮上捻子的色

2、第12帧处插入关键帧，100帧处插入关键帧，在第100帧处缩小捻子线，并移到最上端。12帧处设形状补间。101帧处插入空白关键帧。

(100帧处是最上面鞭炮炸的帧数，根据上面安排鞭炮而来!)

3、新增图层，安排火上场。

12帧处插入关键帧，拖入火MC，100帧处插入关键帧，把火MC移到最上面鞭炮处。在12--100帧处建立移动补间。101帧处插入空白关键帧。

三、安排火柴上场。

新增图层。第2帧处插入关键帧，放火柴MC在场外，12帧处插入关键帧，将火柴移到鞭炮下面。30帧处插入关键帧，移火柴到场景外。在2--12，12--30帧之间建立移动补间。![f12731ca5b86e5b54ef3c9d70350338a.png][]

四、安排一个按钮

可以另起一个图层，我这里是放在火柴层的第1帧。放入一个按钮。大家根据个人兴趣自己随意制作一个。点第1帧，写入帧动作：

复制代码

代码如下:

stop();

再点击按钮，写入按钮的动作：

复制代码

代码如下:

on (release) \{gotoAndPlay(2);

至此，放鞭炮就基本完成了。其他装饰根据需要自己另外增加元件和图层去安排。

[df0bbcc6831b0f4664c3b568e7a9b7a0.png]: /images/20221005/e56a99a2ca4f4a8bbcee2841609c321c.png
[6f6cadf032ad5fefc58ce0e51b24f99f.png]: https://img-blog.csdnimg.cn/img_convert/6f6cadf032ad5fefc58ce0e51b24f99f.png
[8c0a6483e8c9c9dc40ce58577029c37a.png]: https://img-blog.csdnimg.cn/img_convert/8c0a6483e8c9c9dc40ce58577029c37a.png
[84bbd5c6618df3d180395b5476e708d7.png]: https://img-blog.csdnimg.cn/img_convert/84bbd5c6618df3d180395b5476e708d7.png
[e2d6097cf20d8437189b0ab44d127fd4.png]: /images/20221005/1e61a27aa33e444cac07377c156b748b.png
[2f81ecfcbe68b94f710b56001be98cac.png]: /images/20221005/0917e7b6a987484b8ab8f191ad1b3f35.png
[cbdbdfa808212cdbab5ea5fc981c63dd.png]: /images/20221005/2396abb8a3244bcca530d3263b285e86.png
[562ffe73b19591ec80bd9970cb59890d.png]: /images/20221005/448ce98f33fc4afb8f1019dbdee6ebb7.png
[6ea77876adaf7089fe71bb06d26f4f81.png]: https://img-blog.csdnimg.cn/img_convert/6ea77876adaf7089fe71bb06d26f4f81.png
[8c2975f1bb93fa7e08432c802f79124f.png]: /images/20221005/5037c2611b4e4b0591f1a7ccf78b45e4.png
[f12731ca5b86e5b54ef3c9d70350338a.png]: /images/20221005/1d0b77c473d5475a80bcd8d301fb8deb.png