使用c/c++实现烟花效果(小白进)
写在前面:本文章参考九夏老师相关代码教学:(该代码需要配置easyx)
学习这段代码可以做什么呢?过年了是吧,没和女神一起放烟花吧,大家学计算机的同学,周围都是 “程序媛” 吧,把你的代码一分享,顺便装个*是吧,哥们/姐们,有啥不会的问我(可恶,被你装到了),或者发给爸爸妈妈,告诉他们,我在学校没有摆,学费交的值啊(咳咳,dddd),同时也练习了c语言,一箭N雕啊哥们!!!快学起来
分析诉求,拆分问题
我们需要实现一个有背景音乐的烟花的爆炸,我们将问题拆分开:烟花上升时的烟花弹、烟花爆炸的效果、背景音乐这三个小的板块,然后我们就可以想一想,我们需要哪先技术,先上图,主要就是实现下面三张图片的效果
头文件
#include <stdio.h> #include<stdlib.h> #include<easyx.h>//图形界面库 #include<mmsystem.h>//媒体头文件 #include<time.h> #include<math.h> #pragma comment(lib,"winmm.lib")//媒体库文件(注意)
贯穿全文的媒体部分
这里就是几个常用的函数,我已经将注释写到了下边,下载媒体文件的时候最好不要用网易云的,下载好虽然也是mp3格式但是却打不开,将媒体文件拷到main函数下的文件夹,搭配着打开关闭播放暂停的函数就行啦
#include<mmsystem.h>//媒体头文件 #pragma comment(lib,"winmm.lib")//媒体库文件(注意) initgraph(1200, 800);//创建了一个窗口 宽度为1200,高度为800 //这里有个小关键,不要下载网易云的,实测没有声音,虽然他也是mp3格式 //mciSendString("open 烟(许佳豪)-再见我的女孩.mp3",0,0,0);//用来发送媒体字符串的函数,有点像进程中的信号发送 mciSendString("play 烟(许佳豪)-再见我的女孩.mp3", 0, 0, 0);//播放 mciSendString("pause 少年女孩.mp3", 0, 0, 0);//暂停 //mciSendString("close 少年女孩.mp3", 0, 0, 0);//关闭
文字部分:
文字部分也比较简单,首先你只需要想好自己需要显示出来什么东西,做好排版就行,注意你的窗口大小,把它放到心仪的地方,设置好文字字体大小和颜色就行啦。使用getchar()获取回车键,切换到下一页
注意:你现在的窗口是这个样子,纵坐标是往下增长的
settextcolor(YELLOW);//设置字体的颜色 settextstyle(25, 0, "楷体");//设置字体分格 outtextxy(400, 200, "为什么我们的结局还是没有例外");//在宽为400 高度为200的地方输出一串字符 outtextxy(400, 250, "你说我没有想法不懂浪漫惹人厌烦"); outtextxy(400, 300, "为什么曾经不说却拖到了现在"); outtextxy(400, 350, "我和你吵了又吵闹过再闹还是分开"); outtextxy(400, 400, "为什么我在你眼里是如此的不堪"); getchar();//按回车继续
实现之后的样子是:当然我的审美有点丑,大家可以自己弄的好看一点
进入烟花弹部分
烟花弹的属性
什么是烟花弹,就是从下边飞上来的那个球,我们首先得弄明白,这个球球有啥属性:
首先我们得知道它飞到那里了吧——坐标
控制上升的高度——最大高度坐标
控制向上飞的速度——使用时间进行控制
烟花弹在上升的位置还是已经消失了——判断烟花弹上升状态
烟花弹的本质就是一个图片,所以我们得创建一个图片变量来保存这个图片
我们将这些信息保存到一个结构体中:
//烟花弹 struct jet { //属性 int x, y; //当前坐标 int hx, hy;//最高点的坐标 unsigned long t1,t2, dt;//用时间控制速度,dt是间隔时间 IMAGE img;//保存烟花弹的图片 bool isshoot; //状态,保存烟花弹是否处于上升状态 }jet;
接下来我们来实现烟花弹部分:
初始化烟花弹
首先我们来看成品:
我们可以发现什么?烟花弹是从随机的地方飞起来,其实你看到的显示,就是每一次刷新了图片,在很小的时间内,所以你感觉这应该是个动态的,爆炸的高度是在一定范围高度的随机值吧,爆炸了以后怎么办,烟花弹是不是要消失,我们先按照这个思路来初始化一下烟花弹:
//初始化烟花弹 jet.x = rand() % (1200 - 20); jet.y = 750; jet.hx = rand() % (1200 - 20); jet.hy = rand() % (400);//烟花爆炸的y是随机的 jet.t1 = GetTickCount();//获取系统的时间 jet.dt = 10;//10ms jet.isshoot = true; loadimage(&jet.img, "04.png", 20, 50);//导入图片 putimage(jet.x, jet.y, &jet.img, SRCINVERT);//更新图片
让烟花弹飞起来
不知道啥时候退出,我们先用一个死循环让他动起来,我们得控制它上升的速度,怎么控制?使用时间,路程除以时间不就是速度吗?这个速度需要大于我们的dt(默认间隔时间)就刷新图片,实现烟花向上飞的感觉,这里有俩个关键的地方,一个是坐标每次更新,向上飞,相当于什么,坐标再减小,每次需要保存纵坐标,时间在一直往后走,时间才不会等你,所以时间再满足一个dt之后需要更新一下时间。
while (1) { //实现烟花弹向上飞 //先获取当前时间 jet.t2 = GetTickCount(); //如果发射时间与现在时间间隔大于间隔时间10ms,同时烟花弹正在上升,就更新一下图片 if (jet.t2 - jet.t1 > jet.dt && jet.isshoot == true) { putimage(jet.x, jet.y, &jet.img, SRCINVERT);//刷新图片,擦除烟花弹 if(jet.y>jet.hy)//注意,并不是一直要减少,而是到了最上边就不更新了 jet.y -= 5;//更新一下纵坐标的位置 putimage(jet.x, jet.y, &jet.img, SRCINVERT); if(jet.y<=jet.hy) { //达到了最高点 // 1.擦除烟花弹 putimage(jet.x, jet.y, &jet.img, SRCINVERT);//让他不显示,消失 jet.isshoot = false; } if (jet.isshoot == false)//烟花爆炸完毕 { //2.我们需要重置烟花弹 //初始化烟花弹 jet.x = rand() % (1200 - 20); jet.y = 750; jet.hx = rand() % (1200 - 20); jet.hy = rand() % (400);//烟花爆炸的y是随机的 jet.t1 = GetTickCount();//获取系统的时间 jet.dt = 10;//10ms jet.isshoot = true; loadimage(&jet.img, "04.png", 20, 50);//导入图片 putimage(jet.x, jet.y, &jet.img, SRCINVERT);//更新图片 } jet.t1 = jet.t2;//将时间控制一下,保证间隔速度 }
ok,在这里我们的烟花弹就可以飞起来了,之后我们得实现烟花爆炸的板块了。
烟花爆炸
烟花弹的属性
我们先来分析一下这个烟花,烟花爆炸的样子,他是一种从中间向四周爆炸的感觉,从小到大,由快到慢
所以我们初步设置烟花有这几个属性:
它在哪里爆炸——就是爆炸中心点的坐标(相对于这个控制界面)
爆炸的速度——就是扩散的速度,用时间控制呗
爆炸速度的变化——我们可以先用一个数组来保存他的爆炸速度,当然数组实际控制的还是时间
爆炸的最大范围——最大半径
当前的半径——r
烟花对于爆炸中心的坐标(就是相对于图片它爆炸的坐标)——用来控制之后的变化
我们知道烟花实现一个由小变大,由亮变暗,其实是像素的变化,所以我们在这里定义一个数组,来保存当前像素点,控制像素变化
//烟花 struct fire { //注意,烟花虽然是一张图片,但是它是一圈一圈转开的 int r;//当前半径 int maxr;//最大半径 int x, y;//中心点的坐标(距离窗口的坐标) int cx, cy;//基于图片中心点的坐标 int xy[240][240];//图片就是一个像素点,我们这里是定义一个长宽都是240的数组来保存的图片像素点 bool isboom;//定义是否开始爆炸 bool isdraw;//是否开始显示,注意:爆炸是数据的变化,显示是你可以看到的 unsigned long t1, t2, dt;//用时间来计算速度 }fire;
初始化烟花
同样,我们对烟花进行初始化,我们要注意,这个烟花是一个圆的表现,所以他的坐标怎么获取呢?使用数学的思想:圆的轨迹方程,就可以知道周围的坐标,我们需要获取像素点,将它保存到我们的数组中
//初始化烟花 fire.r = 0;//当前半径,爆炸是从0开始的 fire.maxr = 120;//最大半径,图片最大是240,所以半径就是120 fire.x, fire.y;//中心点的坐标(距离窗口的坐标),就是爆炸点 fire.cx = 120, fire.cy = 120;//基于图片中心点的坐标 fire.isboom =false;//定义是否开始爆炸,飞到最高点的时候开始爆炸 fire.isdraw = false;//是否开始显示,注意:爆炸是数据的变化,显示是你可以看到的 fire.t1 = GetTickCount(); fire.dt = 5;//用时间来计算速度 fire.xy[240][240];//图片就是一个像素点,我们这里是定义一个长宽都是240的数组来保存的图片像素点 IMAGE fimg;//定义一个图片类型 loadimage(&fimg, "00.png", 240, 240); SetWorkingImage(&fimg);//开始操作这张图片,图片那么多,我们要告诉计算机,我们操作的是这张图片 for (int a = 0;a < 240;a++) { for (int b = 0;b < 240;b++) { fire.xy[a][b] = getpixel(a, b);//获取a这个点和b这个点的像素点 } } SetWorkingImage();//给个空,相当于释放了上面那张图片
让烟花炸起来
思路很简单,就是控制像素点的变化,保证最大爆炸的半径,控制好时间即可
int drt[12] = { 5,5,5,6,6,15,25,25,25,55,55 ,65}; fire.t2 = GetTickCount(); if (fire.t2 - fire.t1 > fire.dt && fire.isboom == true) { if (fire.r < fire.maxr) { fire.r++; fire.dt = drt[fire.r/10];//半径每次增大10,就会变速度 fire.isdraw = true;//开始绘制 } if (fire.r >= fire.maxr - 1) { //数组不能越界,半径到达最大之后就停止绘制 fire.isdraw = false; fire.isboom = false; //重置 fire.dt = 5; fire.dt = GetTickCount(); fire.r = 0; } fire.t1 = fire.t2; } if(fire.isdraw == true) { //表示可以开始绘制了 //6.28刚好是2pi,a是弧度 for (double a = 0;a <= 6.28;a += 0.01) { int x1 = fire.cx + fire.r * cos(a); int y1 = fire.cy - fire.r*sin(a); //可以等到628个来自我像素点的坐标 if (x1 > 0 && x1 < 240 && y1 > 0 && y1 < 240) // 只输出图片内的像素点 { int b = fire.xy[x1][y1] & 0xff; int g = (fire.xy[x1][y1] >> 8) & 0xff; int r = (fire.xy[x1][y1] >> 16); // 烟花像素点在窗口上的坐标 int xx = (int)(fire.x + fire.r * cos(a)); int yy = (int)(fire.y - fire.r * sin(a)); if (r > 0x20 && g > 0x20 && b > 0x20 && xx > 0 && xx < 1200 && yy > 0 && yy < 800) pMem[yy * 1200 + xx] = BGR(fire.xy[x1][y1]); // 显存操作绘制烟花 } } fire.isdraw = false; } }
完成代码:
有部分升华修改,整体思路是按照之前的方法
#include <graphics.h> #include <conio.h> #include <math.h> #include <time.h> #include <stdio.h> #include <Mmsystem.h> #pragma comment ( lib, "Winmm.lib" ) /***** 宏定义区 ******/ #define NUM 13 // 烟花种类数量宏定义 #define PI 3.1415926548 /***** 结构定义区 **********/ // 烟花结构 struct FIRE { int r; // 当前爆炸半径 int max_r; // 爆炸中心距离边缘最大半径 int x, y; // 爆炸中心在窗口的坐标 int cen_x, cen_y; // 爆炸中心相对图片左上角的坐标 int width, height; // 图片的宽高 int xy[240][240]; // 储存图片像素点 bool show; // 是否绽放 bool draw; // 开始输出像素点 DWORD t1, t2, dt; // 绽放速度 }Fire[NUM]; // 烟花弹结构 struct JET { int x, y; // 喷射点坐标 int hx, hy; // 最高点坐标------将赋值给 FIRE 里面的 x, y int height; // 烟花高度 bool shoot; // 是否可以发射 DWORD t1, t2, dt; // 发射速度 IMAGE img[2]; // 储存花弹一亮一暗图片 byte n : 1; // 图片下标 }Jet[NUM]; /**** 函数申明区 ****/ void welcome(); void Init(int); // 初始化烟花 void Load(); // 加载烟花图片 void Shoot(); // 发射烟花 void Chose(DWORD&); // 筛选烟花 void Style(DWORD&); // 发射样式 void Show(DWORD*); // 绽放烟花 // 主函数 void main() { initgraph(1200, 800); srand(time(0)); // 播放背景音乐 mciSendString("open ./fire/烟(许佳豪)-再见我的女孩.mp3 alias bk", 0, 0, 0); mciSendString("play bk repeat", 0, 0, 0); welcome(); DWORD t1 = timeGetTime(); // 筛选烟花计时 DWORD st1 = timeGetTime(); // 播放花样计时 DWORD* pMem = GetImageBuffer(); // 获取窗口显存指针 for (int i = 0; i < NUM; i++) // 初始化烟花 { Init(i); } Load(); // 将烟花图片信息加载进相应结构中 BeginBatchDraw(); // 开始批量绘图 while (!kbhit()) { Sleep(10); // 随机选择 4000 个像素点擦除 for (int clr = 0; clr < 1000; clr++) { for (int j = 0; j < 2; j++) { int px1 = rand() % 1200; int py1 = rand() % 800; if (py1 < 799) // 防止越界 pMem[py1 * 1200 + px1] = pMem[py1 * 1200 + px1 + 1] = BLACK; // 对显存赋值擦出像素点 } } Chose(t1); // 筛选烟花 Shoot(); // 发射烟花 Show(pMem); // 绽放烟花 Style(st1); // 花样发射 FlushBatchDraw(); // 显示前面的所有绘图操作 } } void welcome() { //setfillstyle(0); setcolor(YELLOW); for (int i = 0; i < 50; i++) { int x = 600 + int(180 * sin(PI * 2 * i / 60)); int y = 200 + int(180 * cos(PI * 2 * i / 60)); cleardevice(); settextstyle(i, 0, "楷体"); outtextxy(x-80, y, "第一次见你的时候,"); outtextxy(x-80, y+100, "我的心里已经炸成了烟花,"); outtextxy(x-80, y+200, "我需要用一生来打扫灰炉"); Sleep(25); } getchar(); cleardevice(); settextstyle(25, 0, "楷体"); outtextxy(400, 200, "为什么我们的结局还是没有例外"); outtextxy(400, 250, "你说我没有想法不懂浪漫惹人厌烦"); outtextxy(400, 300, "为什么曾经不说却拖到了现在"); outtextxy(400, 350, "我和你吵了又吵闹过再闹还是分开"); outtextxy(400, 400, "为什么我在你眼里是如此的不堪"); getchar(); } // 初始化烟花参数 void Init(int i) { // 分别为:烟花中心到图片边缘的最远距离、烟花中心到图片左上角的距离 (x、y) 两个分量 int r[13] = { 120, 120, 155, 123, 130, 147, 138, 138, 130, 135, 140, 132, 155 }; int x[13] = { 120, 120, 110, 117, 110, 93, 102, 102, 110, 105, 100, 108, 110 }; int y[13] = { 120, 120, 85, 118, 120, 103, 105, 110, 110, 120, 120, 104, 85 }; /**** 初始化烟花 *****/ Fire[i].x = 0; // 烟花中心坐标 Fire[i].y = 0; Fire[i].width = 240; // 图片宽 Fire[i].height = 240; // 图片高 Fire[i].max_r = r[i]; // 最大半径 Fire[i].cen_x = x[i]; // 中心距左上角距离 Fire[i].cen_y = y[i]; Fire[i].show = false; // 是否绽放 Fire[i].dt = 5; // 绽放时间间隔 Fire[i].t1 = timeGetTime(); Fire[i].r = 0; // 从 0 开始绽放 /**** 初始化烟花弹 *****/ Jet[i].x = -240; // 烟花弹左上角坐标 Jet[i].y = -240; Jet[i].hx = -240; // 烟花弹发射最高点坐标 Jet[i].hy = -240; Jet[i].height = 0; // 发射高度 Jet[i].t1 = timeGetTime(); Jet[i].dt = rand() % 10; // 发射速度时间间隔 Jet[i].n = 0; // 烟花弹闪烁图片下标 Jet[i].shoot = false; // 是否发射 } // 加载图片 void Load() { /**** 储存烟花的像素点颜色 ****/ IMAGE fm, gm; loadimage(&fm, "./fire/flower.jpg", 3120, 240); for (int i = 0; i < 13; i++) { SetWorkingImage(&fm); getimage(&gm, i * 240, 0, 240, 240); SetWorkingImage(&gm); for (int a = 0; a < 240; a++) for (int b = 0; b < 240; b++) Fire[i].xy[a][b] = getpixel(a, b); } /**** 加载烟花弹 ************/ IMAGE sm; loadimage(&sm, "./fire/shoot.jpg", 200, 50); for (int i = 0; i < 13; i++) { SetWorkingImage(&sm); int n = rand() % 5; getimage(&Jet[i].img[0], n * 20, 0, 20, 50); // 暗 getimage(&Jet[i].img[1], (n + 5) * 20, 0, 20, 50); // 亮 } SetWorkingImage(); // 设置回绘图窗口 } // 在一定范围内筛选可发射的烟花,并初始化发射参数,输出烟花弹到屏幕,播放声音 void Chose(DWORD& t1) { DWORD t2 = timeGetTime(); if (t2 - t1 > 100) { int n = rand() % 20; if (n < 13 && Jet[n].shoot == false && Fire[n].show == false) { /**** 重置烟花弹,预备发射 *****/ Jet[n].x = rand() % 1200; Jet[n].y = rand() % 100 + 600; Jet[n].hx = Jet[n].x; Jet[n].hy = rand() % 400; Jet[n].height = Jet[n].y - Jet[n].hy; Jet[n].shoot = true; putimage(Jet[n].x, Jet[n].y, &Jet[n].img[Jet[n].n], SRCINVERT); /**** 播放每个烟花弹的声音 *****/ /*char c1[50], c2[30], c3[30]; sprintf(c1, "open ./fire/shoot.mp3 alias s%d", n); sprintf(c2, "play s%d", n); sprintf(c3, "close n%d", n); mciSendString(c3, 0, 0, 0); mciSendString(c1, 0, 0, 0); mciSendString(c2, 0, 0, 0);*/ } t1 = t2; } } // 扫描烟花弹并发射 void Shoot() { for (int i = 0; i < 13; i++) { Jet[i].t2 = timeGetTime(); if (Jet[i].t2 - Jet[i].t1 > Jet[i].dt && Jet[i].shoot == true) { /**** 烟花弹的上升 *****/ putimage(Jet[i].x, Jet[i].y, &Jet[i].img[Jet[i].n], SRCINVERT); if (Jet[i].y > Jet[i].hy) { Jet[i].n++; Jet[i].y -= 5; } putimage(Jet[i].x, Jet[i].y, &Jet[i].img[Jet[i].n], SRCINVERT); /**** 上升到高度的 3 / 4,减速 *****/ if ((Jet[i].y - Jet[i].hy) * 4 < Jet[i].height) Jet[i].dt = rand() % 4 + 10; /**** 上升到最大高度 *****/ if (Jet[i].y <= Jet[i].hy) { // 播放爆炸声 /*char c1[50], c2[30], c3[30]; sprintf(c1, "open ./fire/bomb.wav alias n%d", i); sprintf(c2, "play n%d", i); sprintf(c3, "close s%d", i); mciSendString(c3, 0, 0, 0); mciSendString(c1, 0, 0, 0); mciSendString(c2, 0, 0, 0);*/ putimage(Jet[i].x, Jet[i].y, &Jet[i].img[Jet[i].n], SRCINVERT); // 擦掉烟花弹 Fire[i].x = Jet[i].hx + 10; // 在烟花弹中间爆炸 Fire[i].y = Jet[i].hy; // 在最高点绽放 Fire[i].show = true; // 开始绽放 Jet[i].shoot = false; // 停止发射 } Jet[i].t1 = Jet[i].t2; } } } // 显示花样 void Style(DWORD& st1) { DWORD st2 = timeGetTime(); if (st2 - st1 >20000) // 一首歌的时间 { // 心形坐标 int x[13] = { 60, 75, 91, 100, 95, 75, 60, 45, 25, 15, 25, 41, 60 }; int y[13] = { 65, 53, 40, 22, 5, 4, 20, 4, 5, 22, 40, 53, 65 }; for (int i = 0; i < NUM; i++) { //cleardevice(); /**** 规律分布烟花弹 ***/ Jet[i].x = x[i] * 10; Jet[i].y = (y[i] + 75) * 10; Jet[i].hx = Jet[i].x; Jet[i].hy = y[i] * 10; Jet[i].height = Jet[i].y - Jet[i].hy; Jet[i].shoot = true; Jet[i].dt = 7; putimage(Jet[i].x, Jet[i].y, &Jet[i].img[Jet[i].n], SRCINVERT); // 显示烟花弹 /**** 设置烟花参数 ***/ Fire[i].x = Jet[i].x + 10; Fire[i].y = Jet[i].hy; Fire[i].show = false; Fire[i].r = 0; /**** 播放发射声音 ***/ /*char c1[50], c2[30], c3[30]; sprintf(c1, "open ./fire/shoot.mp3 alias s%d", i); sprintf(c2, "play s%d", i); sprintf(c3, "close n%d", i); mciSendString(c3, 0, 0, 0); mciSendString(c1, 0, 0, 0); mciSendString(c2, 0, 0, 0);*/ } st1 = st2; } } // 绽放烟花 void Show(DWORD* pMem) { // 烟花个阶段绽放时间间隔,制作变速绽放效果 int drt[16] = { 5, 5, 5, 5, 5, 6, 25, 25, 25, 25, 55, 55, 55, 55, 55 }; for (int i = 0; i < NUM; i++) { Fire[i].t2 = timeGetTime(); // 增加爆炸半径,绽放烟花,增加时间间隔做变速效果 if (Fire[i].t2 - Fire[i].t1 > Fire[i].dt && Fire[i].show == true) { if (Fire[i].r < Fire[i].max_r) { Fire[i].r++; Fire[i].dt = drt[Fire[i].r / 10]; Fire[i].draw = true; } if (Fire[i].r >= Fire[i].max_r - 1) { Fire[i].draw = false; Init(i); } Fire[i].t1 = Fire[i].t2; } // 如果该号炮花可爆炸,根据当前爆炸半径画烟花,颜色值接近黑色的不输出。 if (Fire[i].draw) { for (double a = 0; a <= 6.28; a += 0.01) { int x1 = (int)(Fire[i].cen_x + Fire[i].r * cos(a)); // 相对于图片左上角的坐标 int y1 = (int)(Fire[i].cen_y - Fire[i].r * sin(a)); if (x1 > 0 && x1 < Fire[i].width && y1 > 0 && y1 < Fire[i].height) // 只输出图片内的像素点 { int b = Fire[i].xy[x1][y1] & 0xff; int g = (Fire[i].xy[x1][y1] >> 8) & 0xff; int r = (Fire[i].xy[x1][y1] >> 16); // 烟花像素点在窗口上的坐标 int xx = (int)(Fire[i].x + Fire[i].r * cos(a)); int yy = (int)(Fire[i].y - Fire[i].r * sin(a)); // 较暗的像素点不输出、防止越界 if (r > 0x20 && g > 0x20 && b > 0x20 && xx > 0 && xx < 1200 && yy > 0 && yy < 800) pMem[yy * 1200 + xx] = BGR(Fire[i].xy[x1][y1]); // 显存操作绘制烟花 } } Fire[i].draw = false; } } }
大家想要直接可以实现的代码可以参考表白新年烟花