发新帖  新投票  回帖 
5668个阅读者,1条回复 | 打印 | 订阅 | 收藏
cagezcp18467934

发表时间:2013-8-7 01:53

纯as打造粒子烟花的制作原理与方法



cagezcp18467934 发表在 教程交流 华声论坛 http://bbs.voc.com.cn/forum-163-1.html

制作过程

1.启动flash8软件。

2.确立文档属性 设置动画尺寸为1000*600,幀频36,背景颜色黑色,其它默认,点击确定,进入场景1。如图1所示:

按此在新窗口浏览图片

3.首先将准备好的素材图片导入库中,待用。

按此在新窗口浏览图片

4.创建影片剪辑元件

选择“插入-新建元件”,建立一个名为“烟花”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

(1)选择图层1第一帧,按f9,打开动作面板,在as编辑区输入,如下幀语句:

Stage.scaleMode = "noScale";
import flash.display.BitmapData;
import flash.filters.ConvolutionFilter;
import flash.geom.Rectangle;
var con = new ConvolutionFilter(3, 3, [1, 1, 1, 1, 30, 1, 1, 1, 1], 38);
var rect:Rectangle = new Rectangle(0, 0, Stage.width, 400);
var bitmap1 = new BitmapData(rect.width, rect.height, false , 0x00000000 );
var bitmap2 = new BitmapData(rect.width, rect.height, true, 0x00000000);
var bitmapShow1 = createEmptyMovieClip("bitmapShow1", 1).attachBitmap(bitmap1, 1);
var bitmapShow2 = createEmptyMovieClip("bitmapShow2", 2).attachBitmap(bitmap2, 2);
var m_mouseX;
var m_mouseY;
var sound1 = new Sound();
var sound2 = new Sound();
var bit_px = new Array(bits);
var bit_py = new Array(bits);
var bit_vx = new Array(bits);
var bit_vy = new Array(bits);
var bit_sx = new Array(bits);
var bit_sy = new Array(bits);
var bit_l = new Array(bits);
var bit_f = new Array(bits);
var bit_p = new Array(bits);
var bit_c = new Array(bits);
init();
function init() {
sound1.attachSound("sound1");
sound2.attachSound("sound2");
bits = 500;
bit_max = 50;
bit_sound = 2;
for (var j = 0; j bit_f[j] = 0;
}
}
onEnterFrame = function () {
bitmap2.fillRect(new Rectangle(0, 0, rect.width, rect.height), 0x00000000);
rend();
bitmap1.applyFilter(bitmap1, bitmap1.rectangle, new Point(0, 0), con);
};
var flag = setInterval(explode,2000);
function explode() {
m_mouseX = Math.round(Math.random()*Stage.width);
m_mouseY = Math.round(Math.random()*Stage.height);
trace(m_mouseX);
if (rect.contains(m_mouseX, m_mouseY)) {
var k = int(Math.random()*256);
var l = int(Math.random()*256);
var i1 = int(Math.random()*256);
var j1 = k << 16 | l << 8 | i1;
var k1 = 0;
for (var l1 = 0; l1 if (bit_f[l1] != 0) {
continue;
}
bit_px[l1] = m_mouseX;
bit_py[l1] = m_mouseY;
var d = Math.random()*6.28;
var d1 = Math.random();
bit_vx[l1] = Math.sin(d)*d1/2;
bit_vy[l1] = Math.cos(d)*d1/2;
bit_l[l1] = int(Math.random()*100)+100;
bit_p[l1] = int(Math.random()*3);
if (random(4) == 0) {
bit_c[l1] = 0xFFFFFF;
} else {
bit_c[l1] = j1;
}
bit_sx[l1] = m_mouseX;
bit_sy[l1] = rect.height-5;
bit_f[l1] = 2;
if (++k1 == bit_max) {
break;
}
}
sound1.start(0);
}
};
function rend() {
var flag:Boolean = false;
var flag1:Boolean = false;
var flag2:Boolean = false;
for (var k = 0; k switch (bit_f[k]) {
case 1 :
bit_vy[k] += Math.random()/100;
bit_px[k] += bit_vx[k];
bit_py[k] += bit_vy[k];
bit_l[k]--;
if (bit_l[k] == 0 || !rect.contains(bit_px[k], bit_py[k])) {
bit_c[k] = 0x000000;
bit_f[k] = 0;
} else if (bit_p[k] == 0) {
if (int(Math.random()*2) == 0) {
bit_setwhite(int(bit_px[k]), int(bit_py[k]), 0xFFFFFFFF);
}
bit_set(int(bit_px[k]), int(bit_py[k]), int(bit_c[k]));
} else {
bit_set(int(bit_px[k]), int(bit_py[k]), int(bit_c[k]));
}
break;
case 2 :
bit_sy[k] -= 5;
if (bit_sy[k]<=bit_py[k]) {
bit_f[k] = 1;
flag2 = true;
}
if (int(Math.random()*20) == 0) {
var i = int(Math.random()*2);
var j = int(Math.random()*5);
bit_set(bit_sx[k]+i, bit_sy[k]+j, 0xFFFFFF);
}
break;
}
}
if (flag2) {
sound2.start(0);
}
}
function bit_set(i:Number, j:Number, k:Number) {
bitmap1.setPixel(i, j, k);
}
function bit_setwhite(i:Number, j:Number, k:Number) {
bitmap2.setPixel32(i, j, k);
}

(2)本环节完成后的时间轴,如图2所示:

按此在新窗口浏览图片

图2



5.编辑组织场景

返回场景1,添加一个图层,共两个图层。自下而上命名为烟花、背景、

(1)选择烟花图层第一帧,从库中依次拖出“烟花”影片剪辑元件到到舞台,规格不变,左对齐-上对齐。上锁。

(2)选择背景图层第一帧,从库中拖出背景素材图片到舞台(如不透明可抠出城市夜色图),规格为1000*350。水平中齐-下对齐。上锁。如


图4所示:



按此在新窗口浏览图片

6.本作业完成后的时间轴如图7所示:

按此在新窗口浏览图片

我这里没用边框

最终效果显示效果:










[本帖最后由 老L朋友 于 2013-9-30 09:07 编辑]

本帖助威记录

爱尚品 +1
能够在如此精彩的帖子留下自己的网名是多么骄傲的一件事啊
2014-07-07 23:21:38
总计:魅力1点 助威1查看所有助威>>

本帖最近评分记录
暗夜孤行也   2013-8-7 18:18  金钱  +10   感谢分享
暗夜孤行也   2013-8-7 18:18  魅力  +10   感谢分享
 
暗夜孤行也

回复时间:2013-8-7 18:18
感谢分享,期待更多精彩。




----------------------------------------------
竹影扫阶尘不动,月穿潭底水无痕。
 
发新帖 新投票
 回帖
查看积分策略说明快速回复主题
你的用户名: 密码:   免费注册(只要30秒)


启用 Html 代码
使用个人签名
(请您文明上网理性发言!并遵守相关规定
   



Processed in 0.023017 s, 9 q - 无图精简版,sitemap,