跨年表白烟花
- 使用c/c++实现烟花效果(小白进)
- 分析诉求,拆分问题
- 头文件
- 贯穿全文的媒体部分
- 文字部分:
- 进入烟花弹部分
- 烟花弹的属性
- 初始化烟花弹
- 让烟花弹飞起来
- 烟花爆炸
- 烟花弹的属性
- 初始化烟花
- 让烟花炸起来
- 完成代码:
使用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;//10msjet.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;//10msjet.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,所以半径就是120fire.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, yint 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;}}
}
大家想要直接可以实现的代码可以参考表白新年烟花