尧图网页设计 
简介这是一份基于C语言实现的祝福烟花效果完整源码面向具备一定C与面向对象编程基础、希望学习图形动画与Visual C工程实践的开发者。资源以完整可编译工程形式提供涵盖烟花粒子发射、绽放动画、背景音乐与图片素材的整合逻辑适合用于课程设计、节日祝福程序或图形编程练手项目。压缩包共20个文件约5.65MB包含cpp与h源码文件、rc资源脚本、dsp与dsw工程配置、exe可执行程序以及jpg背景图、mp3与wav音效、ico图标等素材工程结构完整导入Visual C即可编译运行。目前已有862人学习下载。读者可从中掌握面向对象方式组织烟花动画、资源文件加载与音画同步的实现思路并直接复用素材与工程配置快速搭建自己的祝福烟花演示程序。1. 从一份 C 烟花源码说起为什么它值得你花一个晚上跑通很多人第一次看到「基于 C 语言实现的非常漂亮的祝福烟花效果完整源码」这类标题第一反应是这不就是个花架子小游戏吗但如果你真的动手把一份烟花源码从编译到跑通会发现它其实是一个相当紧凑的 C 综合练习场——粒子系统、帧循环、随机数分布、颜色插值、双缓冲绘制全都在几百行里挤着。它解决的不是「放个烟花好看」这种需求而是让你在一个有即时视觉反馈的场景里把 C 的类设计、容器管理和时间步进真正用一遍。适合谁刚学完 C 基础语法、想找一个能跑起来又有成就感的练手项目的人也适合想给节日活动、桌面小工具加个祝福动画的开发者。热搜里 c小游戏、c入门、vscode配置c/c环境 这几个词恰好对应了它最常见的三种使用姿势当练手项目、当入门跳板、当环境配置的试金石。2. 烟花效果背后的粒子系统先想清楚再写代码2.1 一个烟花粒子到底由哪些数据描述别急着打开编辑器。先把「烟花」拆成数据结构后面写代码才不会乱。一个粒子在任意时刻需要记录的东西其实不多但每一样都影响最终观感字段类型作用典型取值x, yfloat当前位置屏幕坐标vx, vyfloat当前速度像素/秒lifefloat剩余寿命0.82.0 秒maxLifefloat初始寿命用于算透明度r, g, bfloat颜色分量0.01.0sizefloat粒子半径13 像素为什么用 float 而不是 int因为粒子位置每帧的增量往往小于 1 像素用整数会直接卡成抖动。为什么颜色用 01 的 float 而不是 0255 的 int因为做颜色插值和透明度衰减时浮点运算更自然最后绘制时再乘 255 转成整数即可。2.2 发射、爆炸、衰减三个阶段的参数怎么定烟花不是一上来就炸开。常见做法是分两个阶段先有一个上升的「弹丸」到达顶点后爆炸成几十到上百个粒子。弹丸阶段只需要一个粒子对象爆炸时才批量生成。// 弹丸上升阶段每帧更新位置检测是否到达顶点 struct Particle { float x, y; float vx, vy; float life, maxLife; float r, g, b; float size; }; // 更新单个粒子dt 为帧间隔秒 void updateParticle(Particle p, float dt) { p.x p.vx * dt; p.y p.vy * dt; p.vy 180.0f * dt; // 模拟重力数值越大下落越快 p.life - dt; // 透明度随寿命线性衰减 float alpha p.life / p.maxLife; // alpha 后续传给绘制函数 }这段代码里最关键的参数是重力加速度 180.0f。调大烟花下坠快、显得沉重调小粒子飘得久、显得轻盈。另一个隐藏参数是 dt——如果你用固定帧率比如 60 FPSdt 就是 1/60如果用可变帧率必须用真实时间差否则不同机器上烟花速度会不一致。这就是为什么很多网上下的源码在别人电脑上「跑得飞快」——它把 dt 写死成了 0.016但没做帧率同步。爆炸时的粒子数量建议控制在 60150 之间。少于 60 显得稀疏多于 150 在低端机上会掉帧。每个爆炸粒子的初速度方向按圆周均匀分布速度大小加一点随机扰动// 爆炸在中心点生成 N 个粒子 void explode(float cx, float cy, std::vectorParticle out, int count) { for (int i 0; i count; i) { float angle (2.0f * 3.1415926f * i) / count; float speed 80.0f (rand() % 60); // 80140 像素/秒 Particle p; p.x cx; p.y cy; p.vx cosf(angle) * speed; p.vy sinf(angle) * speed; p.maxLife 1.0f (rand() % 100) / 100.0f; // 1.02.0 秒 p.life p.maxLife; p.size 1.5f (rand() % 100) / 100.0f; // 颜色按角度给一个渐变后面细说 out.push_back(p); } }这里用 rand() 做随机扰动是够用的但如果你想要更均匀的分布C11 的 std::uniform_real_distribution 会更稳。不过对于烟花这种视觉场景rand() 的「不均匀」反而让每次爆炸形状略有不同算是意外的好处。2.3 颜色渐变让烟花从亮白过渡到暖色纯色烟花看久了会腻。一个简单又有效的技巧是粒子刚爆炸时接近白色随着 life 减少逐渐过渡到红、橙、紫等暖色。实现方式是在 update 里根据 life/maxLife 的比值做线性插值。// 根据剩余寿命比例计算颜色 void computeColor(Particle p) { float t p.life / p.maxLife; // 1.0 刚爆炸0.0 即将消失 // 从暖色 (1.0, 0.6, 0.2) 过渡到亮白 (1.0, 1.0, 1.0) p.r 1.0f; p.g 0.6f 0.4f * t; p.b 0.2f 0.8f * t; }t 越接近 1颜色越白t 越接近 0颜色越偏橙红。这个公式不是唯一的你可以把基色换成紫色、青色只要保证三个分量都在 01 之间即可。注意别在每帧都重新生成随机颜色那样粒子会闪烁看起来像故障。3. 用 C 把烟花跑起来从环境到可执行文件3.1 选图形库为什么我推荐先上 EasyX 或 SFMLC 本身没有图形界面。要画出烟花必须选一个图形库。常见选择有三类EasyX只支持 Windows Visual Studio安装包极小API 像 Turbo C 的 graphics.h适合纯新手。缺点是跨平台为零。SFML跨平台API 现代社区活跃适合想顺便学游戏循环的人。需要手动配置链接库。SDL2更底层跨平台但配置比 SFML 稍麻烦。如果你只是想在 Windows 上快速看到效果EasyX 是最短路径。如果你用 VS Code 或想以后移植到 Linux直接上 SFML。热搜里 vscode配置c/c环境 和 visual c redistributable 这两个词说明很多人卡在环境上——下面给一个 SFML VS Code 的最小配置流程。3.2 在 VS Code 里配置 SFML 并编译第一个窗口假设你已经装好了 MinGW-w64 和 VS Code 的 C/C 扩展。第一步去 SFML 官网下载对应编译器版本的包GCC 用 MinGW 版解压到比如C:\SFML。第二步在 VS Code 的c_cpp_properties.json里加包含路径{ configurations: [ { name: Win32, includePath: [ ${workspaceFolder}/**, C:/SFML/include ], compilerPath: C:/mingw64/bin/g.exe, intelliSenseMode: windows-gcc-x64 } ], version: 4 }第三步写一个最小测试程序确认能弹出窗口#include SFML/Graphics.hpp int main() { sf::RenderWindow window(sf::VideoMode(800, 600), Fireworks Test); while (window.isOpen()) { sf::Event event; while (window.pollEvent(event)) { if (event.type sf::Event::Closed) window.close(); } window.clear(sf::Color::Black); // 后续在这里绘制烟花 window.display(); } return 0; }编译命令在 VS Code 终端里执行g main.cpp -o fireworks.exe -I C:/SFML/include -L C:/SFML/lib -lsfml-graphics -lsfml-window -lsfml-system如果报错「找不到 -lsfml-graphics」检查C:/SFML/lib下是否有libsfml-graphics.a或对应的.dll.a文件。运行时如果提示缺少 dll把C:/SFML/bin下的 dll 复制到 exe 同目录或者把该目录加入 PATH。这一步就是 visual c redistributable 热搜词背后的真实痛点——运行库没配好程序直接闪退。3.3 把粒子系统接进主循环一个可运行的骨架有了窗口把第 2 章的粒子结构接进来。核心逻辑是每帧清屏、更新所有粒子、绘制、显示。用一个std::vectorParticle存所有活跃粒子每帧把 life 0 的粒子移除。#include SFML/Graphics.hpp #include vector #include cstdlib #include cmath struct Particle { float x, y, vx, vy; float life, maxLife; float r, g, b; float size; }; int main() { sf::RenderWindow window(sf::VideoMode(800, 600), Fireworks); std::vectorParticle particles; sf::Clock clock; // 初始放一个烟花 float cx 400, cy 200; for (int i 0; i 100; i) { float angle (2.0f * 3.1415926f * i) / 100; float speed 80.0f (rand() % 60); Particle p; p.x cx; p.y cy; p.vx cosf(angle) * speed; p.vy sinf(angle) * speed; p.maxLife 1.0f (rand() % 100) / 100.0f; p.life p.maxLife; p.r 1.0f; p.g 0.8f; p.b 0.5f; p.size 2.0f; particles.push_back(p); } while (window.isOpen()) { float dt clock.restart().asSeconds(); sf::Event event; while (window.pollEvent(event)) { if (event.type sf::Event::Closed) window.close(); } // 更新 for (auto p : particles) { p.x p.vx * dt; p.y p.vy * dt; p.vy 180.0f * dt; p.life - dt; } // 移除死亡粒子 particles.erase( std::remove_if(particles.begin(), particles.end(), [](const Particle p) { return p.life 0; }), particles.end()); // 绘制 window.clear(sf::Color::Black); for (auto p : particles) { float alpha p.life / p.maxLife; sf::CircleShape shape(p.size); shape.setPosition(p.x, p.y); shape.setFillColor(sf::Color( static_castsf::Uint8(p.r * 255), static_castsf::Uint8(p.g * 255), static_castsf::Uint8(p.b * 255), static_castsf::Uint8(alpha * 255))); window.draw(shape); } window.display(); } return 0; }这段代码跑起来后你会看到一个圆形爆炸然后粒子下落消失。它离「漂亮」还有距离但骨架已经完整。接下来要做的是加拖尾、加多波次、加祝福文字。4. 让烟花「漂亮」的四个关键参数与避坑记录4.1 拖尾效果不是画更多粒子而是保留历史位置很多人以为拖尾要每帧生成新粒子结果粒子数爆炸、帧率暴跌。正确做法是给每个粒子维护一个短历史队列绘制时把历史点用渐暗的线连起来。或者更省事的办法不清屏每帧用半透明黑色矩形覆盖全屏。// 方案一半透明覆盖制造残影 sf::RectangleShape fade(sf::Vector2f(800, 600)); fade.setFillColor(sf::Color(0, 0, 0, 25)); // alpha 越小拖尾越长 window.draw(fade);alpha 取 2040 之间比较合适。太小比如 5拖尾会糊成一片太大比如 80几乎没有拖尾。这个参数没有标准答案跟你的帧率和粒子速度有关建议边调边看。4.2 多波次发射用时间累加器控制节奏一个烟花放完就没了很单调。加一个发射计时器每隔 0.81.5 秒在随机位置生成新烟花。注意不要用sf::sleep那会阻塞整个循环。正确做法是累加 dtfloat spawnTimer 0.0f; float spawnInterval 1.0f; // 秒 // 在主循环里 spawnTimer dt; if (spawnTimer spawnInterval) { spawnTimer 0.0f; // 在随机位置生成新烟花 float cx 100 rand() % 600; float cy 100 rand() % 300; // 调用爆炸生成函数... }spawnInterval 可以加一点随机浮动比如0.8f (rand() % 70) / 100.0f让节奏不那么机械。4.3 祝福文字用 sf::Text 叠加注意字体路径「祝福烟花」的核心是文字。SFML 加载字体需要 ttf 文件Windows 下可以用C:/Windows/Fonts/simhei.ttf黑体或msyh.ttc微软雅黑。注意 ttc 是字体集合SFML 可能加载失败优先用 ttf。sf::Font font; if (!font.loadFromFile(C:/Windows/Fonts/simhei.ttf)) { // 加载失败检查路径和文件是否存在 } sf::Text text; text.setFont(font); text.setString(L新年快乐); text.setCharacterSize(48); text.setFillColor(sf::Color::White); text.setPosition(300, 500); // 在 window.display() 之前 draw window.draw(text);如果文字显示成方块说明字体没加载成功或者字符串编码不对。Windows 下用宽字符串L...配合sf::String更稳。4.4 避坑记录五个让我熬夜的翻车现场现象一程序编译通过运行直接闪退。原因SFML 的 dll 不在 exe 同目录或 PATH 里。 解决把C:/SFML/bin下的sfml-graphics-2.dll等复制到 exe 旁边或把 bin 目录加入系统 PATH。现象二烟花速度在不同电脑上不一样。原因用了固定 dt 或没乘 dt。 解决所有位移和速度更新都必须乘clock.restart().asSeconds()不要写死 0.016。现象三粒子越来越多几分钟后卡死。原因只 push_back 不 erase死亡粒子一直留在 vector 里。 解决每帧用remove_if清理life 0的粒子或者用对象池复用。现象四颜色全是白的没有渐变。原因颜色分量在每帧被重新赋值为随机数或者 alpha 没传给sf::Color的第四个参数。 解决颜色只在生成时定一次透明度用life/maxLife实时算并确保sf::Color构造时四个参数都传。现象五VS Code 里 IntelliSense 报红但能编译。原因c_cpp_properties.json的 includePath 没加 SFML 的 include 目录。 解决加上C:/SFML/include并确认 compilerPath 指向正确的 g.exe。5. 进阶技巧用对象池和批量绘制把帧率稳住当你想同时放 5 个烟花、每个 150 个粒子总共 750 个sf::CircleShape每帧创建销毁帧率会明显下降。两个优化手段对象池和顶点数组。对象池的思路是预分配一大块粒子内存用active标记是否存活避免频繁new/delete和 vector 扩容。对于烟花这种生命周期短、数量可预测的场景对象池能把帧率波动压平。const int MAX_PARTICLES 2000; Particle pool[MAX_PARTICLES]; bool active[MAX_PARTICLES] {false}; // 找空闲槽位 int spawnIndex -1; for (int i 0; i MAX_PARTICLES; i) { if (!active[i]) { spawnIndex i; break; } } if (spawnIndex ! -1) { active[spawnIndex] true; pool[spawnIndex] newParticle; }批量绘制则用sf::VertexArray代替多个CircleShape。把所有粒子作为点或小三角形塞进一个顶点数组一次window.draw提交GPU 调用次数从几百降到一次。sf::VertexArray vertices(sf::Points); for (int i 0; i MAX_PARTICLES; i) { if (!active[i]) continue; float alpha pool[i].life / pool[i].maxLife; sf::Vertex v; v.position sf::Vector2f(pool[i].x, pool[i].y); v.color sf::Color( static_castsf::Uint8(pool[i].r * 255), static_castsf::Uint8(pool[i].g * 255), static_castsf::Uint8(pool[i].b * 255), static_castsf::Uint8(alpha * 255)); vertices.append(v); } window.draw(vertices);用sf::Points绘制时粒子大小由点大小决定可能不如 CircleShape 灵活。如果一定要圆形可以用sf::Triangles手动构造小圆片但代码量会上去。我的习惯是先跑通 CircleShape 版本确认效果满意后再换 VertexArray 做性能优化。不要一上来就追求极致先把烟花放出来再谈帧率。最后说一个验证方法在窗口标题栏实时显示 FPS 和粒子数。window.setTitle(FPS: std::to_string(1.0f/dt) Particles: std::to_string(count));这样调参时心里有数不会凭感觉瞎猜。我当初就是没加这个调拖尾 alpha 调了半小时后来发现是粒子数早就爆了。希望帮到你。本文还有配套的精品资源点击获取 C++烟花源码实战：粒子系统与SFML环境配置详解
简介这是一份基于C语言实现的祝福烟花效果完整源码面向具备一定C与面向对象编程基础、希望学习图形动画与Visual C工程实践的开发者。资源以完整可编译工程形式提供涵盖烟花粒子发射、绽放动画、背景音乐与图片素材的整合逻辑适合用于课程设计、节日祝福程序或图形编程练手项目。压缩包共20个文件约5.65MB包含cpp与h源码文件、rc资源脚本、dsp与dsw工程配置、exe可执行程序以及jpg背景图、mp3与wav音效、ico图标等素材工程结构完整导入Visual C即可编译运行。目前已有862人学习下载。读者可从中掌握面向对象方式组织烟花动画、资源文件加载与音画同步的实现思路并直接复用素材与工程配置快速搭建自己的祝福烟花演示程序。1. 从一份 C 烟花源码说起为什么它值得你花一个晚上跑通很多人第一次看到「基于 C 语言实现的非常漂亮的祝福烟花效果完整源码」这类标题第一反应是这不就是个花架子小游戏吗但如果你真的动手把一份烟花源码从编译到跑通会发现它其实是一个相当紧凑的 C 综合练习场——粒子系统、帧循环、随机数分布、颜色插值、双缓冲绘制全都在几百行里挤着。它解决的不是「放个烟花好看」这种需求而是让你在一个有即时视觉反馈的场景里把 C 的类设计、容器管理和时间步进真正用一遍。适合谁刚学完 C 基础语法、想找一个能跑起来又有成就感的练手项目的人也适合想给节日活动、桌面小工具加个祝福动画的开发者。热搜里 c小游戏、c入门、vscode配置c/c环境 这几个词恰好对应了它最常见的三种使用姿势当练手项目、当入门跳板、当环境配置的试金石。2. 烟花效果背后的粒子系统先想清楚再写代码2.1 一个烟花粒子到底由哪些数据描述别急着打开编辑器。先把「烟花」拆成数据结构后面写代码才不会乱。一个粒子在任意时刻需要记录的东西其实不多但每一样都影响最终观感字段类型作用典型取值x, yfloat当前位置屏幕坐标vx, vyfloat当前速度像素/秒lifefloat剩余寿命0.82.0 秒maxLifefloat初始寿命用于算透明度r, g, bfloat颜色分量0.01.0sizefloat粒子半径13 像素为什么用 float 而不是 int因为粒子位置每帧的增量往往小于 1 像素用整数会直接卡成抖动。为什么颜色用 01 的 float 而不是 0255 的 int因为做颜色插值和透明度衰减时浮点运算更自然最后绘制时再乘 255 转成整数即可。2.2 发射、爆炸、衰减三个阶段的参数怎么定烟花不是一上来就炸开。常见做法是分两个阶段先有一个上升的「弹丸」到达顶点后爆炸成几十到上百个粒子。弹丸阶段只需要一个粒子对象爆炸时才批量生成。// 弹丸上升阶段每帧更新位置检测是否到达顶点 struct Particle { float x, y; float vx, vy; float life, maxLife; float r, g, b; float size; }; // 更新单个粒子dt 为帧间隔秒 void updateParticle(Particle p, float dt) { p.x p.vx * dt; p.y p.vy * dt; p.vy 180.0f * dt; // 模拟重力数值越大下落越快 p.life - dt; // 透明度随寿命线性衰减 float alpha p.life / p.maxLife; // alpha 后续传给绘制函数 }这段代码里最关键的参数是重力加速度 180.0f。调大烟花下坠快、显得沉重调小粒子飘得久、显得轻盈。另一个隐藏参数是 dt——如果你用固定帧率比如 60 FPSdt 就是 1/60如果用可变帧率必须用真实时间差否则不同机器上烟花速度会不一致。这就是为什么很多网上下的源码在别人电脑上「跑得飞快」——它把 dt 写死成了 0.016但没做帧率同步。爆炸时的粒子数量建议控制在 60150 之间。少于 60 显得稀疏多于 150 在低端机上会掉帧。每个爆炸粒子的初速度方向按圆周均匀分布速度大小加一点随机扰动// 爆炸在中心点生成 N 个粒子 void explode(float cx, float cy, std::vectorParticle out, int count) { for (int i 0; i count; i) { float angle (2.0f * 3.1415926f * i) / count; float speed 80.0f (rand() % 60); // 80140 像素/秒 Particle p; p.x cx; p.y cy; p.vx cosf(angle) * speed; p.vy sinf(angle) * speed; p.maxLife 1.0f (rand() % 100) / 100.0f; // 1.02.0 秒 p.life p.maxLife; p.size 1.5f (rand() % 100) / 100.0f; // 颜色按角度给一个渐变后面细说 out.push_back(p); } }这里用 rand() 做随机扰动是够用的但如果你想要更均匀的分布C11 的 std::uniform_real_distribution 会更稳。不过对于烟花这种视觉场景rand() 的「不均匀」反而让每次爆炸形状略有不同算是意外的好处。2.3 颜色渐变让烟花从亮白过渡到暖色纯色烟花看久了会腻。一个简单又有效的技巧是粒子刚爆炸时接近白色随着 life 减少逐渐过渡到红、橙、紫等暖色。实现方式是在 update 里根据 life/maxLife 的比值做线性插值。// 根据剩余寿命比例计算颜色 void computeColor(Particle p) { float t p.life / p.maxLife; // 1.0 刚爆炸0.0 即将消失 // 从暖色 (1.0, 0.6, 0.2) 过渡到亮白 (1.0, 1.0, 1.0) p.r 1.0f; p.g 0.6f 0.4f * t; p.b 0.2f 0.8f * t; }t 越接近 1颜色越白t 越接近 0颜色越偏橙红。这个公式不是唯一的你可以把基色换成紫色、青色只要保证三个分量都在 01 之间即可。注意别在每帧都重新生成随机颜色那样粒子会闪烁看起来像故障。3. 用 C 把烟花跑起来从环境到可执行文件3.1 选图形库为什么我推荐先上 EasyX 或 SFMLC 本身没有图形界面。要画出烟花必须选一个图形库。常见选择有三类EasyX只支持 Windows Visual Studio安装包极小API 像 Turbo C 的 graphics.h适合纯新手。缺点是跨平台为零。SFML跨平台API 现代社区活跃适合想顺便学游戏循环的人。需要手动配置链接库。SDL2更底层跨平台但配置比 SFML 稍麻烦。如果你只是想在 Windows 上快速看到效果EasyX 是最短路径。如果你用 VS Code 或想以后移植到 Linux直接上 SFML。热搜里 vscode配置c/c环境 和 visual c redistributable 这两个词说明很多人卡在环境上——下面给一个 SFML VS Code 的最小配置流程。3.2 在 VS Code 里配置 SFML 并编译第一个窗口假设你已经装好了 MinGW-w64 和 VS Code 的 C/C 扩展。第一步去 SFML 官网下载对应编译器版本的包GCC 用 MinGW 版解压到比如C:\SFML。第二步在 VS Code 的c_cpp_properties.json里加包含路径{ configurations: [ { name: Win32, includePath: [ ${workspaceFolder}/**, C:/SFML/include ], compilerPath: C:/mingw64/bin/g.exe, intelliSenseMode: windows-gcc-x64 } ], version: 4 }第三步写一个最小测试程序确认能弹出窗口#include SFML/Graphics.hpp int main() { sf::RenderWindow window(sf::VideoMode(800, 600), Fireworks Test); while (window.isOpen()) { sf::Event event; while (window.pollEvent(event)) { if (event.type sf::Event::Closed) window.close(); } window.clear(sf::Color::Black); // 后续在这里绘制烟花 window.display(); } return 0; }编译命令在 VS Code 终端里执行g main.cpp -o fireworks.exe -I C:/SFML/include -L C:/SFML/lib -lsfml-graphics -lsfml-window -lsfml-system如果报错「找不到 -lsfml-graphics」检查C:/SFML/lib下是否有libsfml-graphics.a或对应的.dll.a文件。运行时如果提示缺少 dll把C:/SFML/bin下的 dll 复制到 exe 同目录或者把该目录加入 PATH。这一步就是 visual c redistributable 热搜词背后的真实痛点——运行库没配好程序直接闪退。3.3 把粒子系统接进主循环一个可运行的骨架有了窗口把第 2 章的粒子结构接进来。核心逻辑是每帧清屏、更新所有粒子、绘制、显示。用一个std::vectorParticle存所有活跃粒子每帧把 life 0 的粒子移除。#include SFML/Graphics.hpp #include vector #include cstdlib #include cmath struct Particle { float x, y, vx, vy; float life, maxLife; float r, g, b; float size; }; int main() { sf::RenderWindow window(sf::VideoMode(800, 600), Fireworks); std::vectorParticle particles; sf::Clock clock; // 初始放一个烟花 float cx 400, cy 200; for (int i 0; i 100; i) { float angle (2.0f * 3.1415926f * i) / 100; float speed 80.0f (rand() % 60); Particle p; p.x cx; p.y cy; p.vx cosf(angle) * speed; p.vy sinf(angle) * speed; p.maxLife 1.0f (rand() % 100) / 100.0f; p.life p.maxLife; p.r 1.0f; p.g 0.8f; p.b 0.5f; p.size 2.0f; particles.push_back(p); } while (window.isOpen()) { float dt clock.restart().asSeconds(); sf::Event event; while (window.pollEvent(event)) { if (event.type sf::Event::Closed) window.close(); } // 更新 for (auto p : particles) { p.x p.vx * dt; p.y p.vy * dt; p.vy 180.0f * dt; p.life - dt; } // 移除死亡粒子 particles.erase( std::remove_if(particles.begin(), particles.end(), [](const Particle p) { return p.life 0; }), particles.end()); // 绘制 window.clear(sf::Color::Black); for (auto p : particles) { float alpha p.life / p.maxLife; sf::CircleShape shape(p.size); shape.setPosition(p.x, p.y); shape.setFillColor(sf::Color( static_castsf::Uint8(p.r * 255), static_castsf::Uint8(p.g * 255), static_castsf::Uint8(p.b * 255), static_castsf::Uint8(alpha * 255))); window.draw(shape); } window.display(); } return 0; }这段代码跑起来后你会看到一个圆形爆炸然后粒子下落消失。它离「漂亮」还有距离但骨架已经完整。接下来要做的是加拖尾、加多波次、加祝福文字。4. 让烟花「漂亮」的四个关键参数与避坑记录4.1 拖尾效果不是画更多粒子而是保留历史位置很多人以为拖尾要每帧生成新粒子结果粒子数爆炸、帧率暴跌。正确做法是给每个粒子维护一个短历史队列绘制时把历史点用渐暗的线连起来。或者更省事的办法不清屏每帧用半透明黑色矩形覆盖全屏。// 方案一半透明覆盖制造残影 sf::RectangleShape fade(sf::Vector2f(800, 600)); fade.setFillColor(sf::Color(0, 0, 0, 25)); // alpha 越小拖尾越长 window.draw(fade);alpha 取 2040 之间比较合适。太小比如 5拖尾会糊成一片太大比如 80几乎没有拖尾。这个参数没有标准答案跟你的帧率和粒子速度有关建议边调边看。4.2 多波次发射用时间累加器控制节奏一个烟花放完就没了很单调。加一个发射计时器每隔 0.81.5 秒在随机位置生成新烟花。注意不要用sf::sleep那会阻塞整个循环。正确做法是累加 dtfloat spawnTimer 0.0f; float spawnInterval 1.0f; // 秒 // 在主循环里 spawnTimer dt; if (spawnTimer spawnInterval) { spawnTimer 0.0f; // 在随机位置生成新烟花 float cx 100 rand() % 600; float cy 100 rand() % 300; // 调用爆炸生成函数... }spawnInterval 可以加一点随机浮动比如0.8f (rand() % 70) / 100.0f让节奏不那么机械。4.3 祝福文字用 sf::Text 叠加注意字体路径「祝福烟花」的核心是文字。SFML 加载字体需要 ttf 文件Windows 下可以用C:/Windows/Fonts/simhei.ttf黑体或msyh.ttc微软雅黑。注意 ttc 是字体集合SFML 可能加载失败优先用 ttf。sf::Font font; if (!font.loadFromFile(C:/Windows/Fonts/simhei.ttf)) { // 加载失败检查路径和文件是否存在 } sf::Text text; text.setFont(font); text.setString(L新年快乐); text.setCharacterSize(48); text.setFillColor(sf::Color::White); text.setPosition(300, 500); // 在 window.display() 之前 draw window.draw(text);如果文字显示成方块说明字体没加载成功或者字符串编码不对。Windows 下用宽字符串L...配合sf::String更稳。4.4 避坑记录五个让我熬夜的翻车现场现象一程序编译通过运行直接闪退。原因SFML 的 dll 不在 exe 同目录或 PATH 里。 解决把C:/SFML/bin下的sfml-graphics-2.dll等复制到 exe 旁边或把 bin 目录加入系统 PATH。现象二烟花速度在不同电脑上不一样。原因用了固定 dt 或没乘 dt。 解决所有位移和速度更新都必须乘clock.restart().asSeconds()不要写死 0.016。现象三粒子越来越多几分钟后卡死。原因只 push_back 不 erase死亡粒子一直留在 vector 里。 解决每帧用remove_if清理life 0的粒子或者用对象池复用。现象四颜色全是白的没有渐变。原因颜色分量在每帧被重新赋值为随机数或者 alpha 没传给sf::Color的第四个参数。 解决颜色只在生成时定一次透明度用life/maxLife实时算并确保sf::Color构造时四个参数都传。现象五VS Code 里 IntelliSense 报红但能编译。原因c_cpp_properties.json的 includePath 没加 SFML 的 include 目录。 解决加上C:/SFML/include并确认 compilerPath 指向正确的 g.exe。5. 进阶技巧用对象池和批量绘制把帧率稳住当你想同时放 5 个烟花、每个 150 个粒子总共 750 个sf::CircleShape每帧创建销毁帧率会明显下降。两个优化手段对象池和顶点数组。对象池的思路是预分配一大块粒子内存用active标记是否存活避免频繁new/delete和 vector 扩容。对于烟花这种生命周期短、数量可预测的场景对象池能把帧率波动压平。const int MAX_PARTICLES 2000; Particle pool[MAX_PARTICLES]; bool active[MAX_PARTICLES] {false}; // 找空闲槽位 int spawnIndex -1; for (int i 0; i MAX_PARTICLES; i) { if (!active[i]) { spawnIndex i; break; } } if (spawnIndex ! -1) { active[spawnIndex] true; pool[spawnIndex] newParticle; }批量绘制则用sf::VertexArray代替多个CircleShape。把所有粒子作为点或小三角形塞进一个顶点数组一次window.draw提交GPU 调用次数从几百降到一次。sf::VertexArray vertices(sf::Points); for (int i 0; i MAX_PARTICLES; i) { if (!active[i]) continue; float alpha pool[i].life / pool[i].maxLife; sf::Vertex v; v.position sf::Vector2f(pool[i].x, pool[i].y); v.color sf::Color( static_castsf::Uint8(pool[i].r * 255), static_castsf::Uint8(pool[i].g * 255), static_castsf::Uint8(pool[i].b * 255), static_castsf::Uint8(alpha * 255)); vertices.append(v); } window.draw(vertices);用sf::Points绘制时粒子大小由点大小决定可能不如 CircleShape 灵活。如果一定要圆形可以用sf::Triangles手动构造小圆片但代码量会上去。我的习惯是先跑通 CircleShape 版本确认效果满意后再换 VertexArray 做性能优化。不要一上来就追求极致先把烟花放出来再谈帧率。最后说一个验证方法在窗口标题栏实时显示 FPS 和粒子数。window.setTitle(FPS: std::to_string(1.0f/dt) Particles: std::to_string(count));这样调参时心里有数不会凭感觉瞎猜。我当初就是没加这个调拖尾 alpha 调了半小时后来发现是粒子数早就爆了。希望帮到你。本文还有配套的精品资源点击获取