1. 项目概述从零到一用VC绘制一场视觉盛宴最近在整理旧项目时翻出了一个大学时期用Visual C写的烟花动画程序。当时为了完成图形学课程设计熬了几个通宵从粒子系统到物理模拟一点点把代码敲出来。现在回头看这个项目虽然不大但涵盖了Windows桌面程序开发、GDI/GDI图形绘制、实时动画循环、物理模拟等多个核心知识点是一个非常经典的练手项目。对于想深入理解Windows消息机制、掌握C面向对象编程以及学习基础图形学原理的朋友来说自己动手实现一个烟花动画远比看十篇理论文章来得有效。这个程序的核心目标很简单在Windows窗口里模拟出逼真、炫丽的烟花爆炸效果。它不仅仅是画几个彩色圆圈那么简单你需要考虑烟花的发射、上升、爆炸、粒子扩散、重力影响、颜色衰减、轨迹拖尾等一系列效果。整个过程就像在代码世界里当一回“烟花设计师”用算法和数据结构来调配色彩与运动。无论你是刚学完C语法想找个项目练手还是有一定基础想挑战图形编程这个项目都能让你对Visual C和Windows编程有更立体、更深刻的认识。接下来我就把当年踩过的坑和总结的经验结合现在的理解完整地复盘一遍。2. 环境搭建与项目创建2.1 Visual Studio与运行库的选择与安装工欲善其事必先利其器。我们首先得把开发环境搭建好。对于这个项目我强烈推荐使用Visual Studio 2019 或 2022社区版。它们对C的标准支持更好IDE也更智能关键是免费。别用太老的版本比如VC 6.0那已经是“上古神器”了对新系统兼容性差调试也不方便。安装Visual Studio时记得勾选“使用C的桌面开发”这个工作负载。它会自动安装必要的编译器、链接器、库文件和头文件。这里有个新手常踩的坑只装了Visual Studio但目标电脑上没装对应的Visual C Redistributable可再发行组件包导致程序在自己电脑上跑得好好的发给别人就运行不起来弹出一堆“找不到VCRUNTIME140.dll”之类的错误。为什么需要Redistributable简单来说你的程序在编译时并不是把所有用到的微软C运行时代码都打包进自己的exe里而是动态链接到系统里的一些公共DLL文件比如msvcp140.dll,vcruntime140.dll。Redistributable就是这些公共DLL的安装包。所以分发程序时要么让用户手动安装对应版本的Redistributable要么将运行时库以“静态链接”的方式编译进你的程序。实操建议开发机安装Visual Studio时Redistributable通常会自动装上。目标机用户电脑方案A推荐给初学者在项目属性中将运行时库改为“静态链接”。这样生成的exe会变大一些但可以独立运行。设置路径项目属性 - C/C - 代码生成 - 运行时库选择/MTRelease版或/MTdDebug版。方案B更规范保持动态链接/MD或/MDd然后在发布程序时将对应版本的Redistributable安装包如VC_redist.x64.exe一起打包给用户或者引导用户从微软官网下载安装。从你提供的资料看最新的v14版本适用于VS 2017, 2019, 2022, 2026是向下兼容的用新版本VS开发让用户安装最新的v14 Redistributable一般没问题。2.2 创建Win32桌面应用程序项目打开Visual Studio新建项目选择“Windows桌面向导”或“Win32项目”。给项目起个名字比如FireworksSimulator。在应用程序向导中有几个关键设置应用程序类型选择“桌面应用程序(.exe)”。附加选项务必勾选“空项目”。我们不希望向导生成一大堆用不到的默认代码比如文档/视图架构我们要的是一个干净的开始。安全开发生命周期(SDL)检查可以先取消勾选避免一些严格的编译检查在初期带来干扰等项目主体完成后可以再开启。点击完成后你会得到一个几乎空的项目。接下来我们需要手动添加主程序入口。在“解决方案资源管理器”中右键点击“源文件”文件夹选择“添加 - 新建项”创建一个main.cpp或者WinMain.cpp文件。3. 核心架构与设计思路一个流畅的烟花动画程序其核心是一个实时循环系统。它不同于我们平时写的“输入-处理-输出”然后就结束的程序它需要持续运行不断地更新状态、重绘画面。在Windows环境下实现这个循环有两种主流思路。3.1 消息循环与定时器驱动这是最经典、最“Windows”的方式。Windows程序是事件驱动的主线程里有一个GetMessage或PeekMessage循环用来处理鼠标、键盘等消息。我们可以利用SetTimer函数创建一个定时器每隔一段时间比如16毫秒约60FPS就向窗口发送一个WM_TIMER消息。在窗口过程函数WndProc中处理这个消息在此时更新所有烟花和粒子的状态并调用InvalidateRect函数通知系统窗口区域无效从而触发WM_PAINT消息进行重绘。优点逻辑清晰与Windows消息机制结合紧密适合初学者理解Windows编程本质。缺点WM_TIMER的精度不高且消息可能被阻塞不适合对帧率要求极高的游戏。但对于烟花动画完全够用。3.2 主动渲染循环游戏循环这是更接近游戏开发的方式。在主消息循环中使用PeekMessage而非GetMessage。PeekMessage不会阻塞它会立即返回无论有没有消息。这样我们可以在处理完当前所有消息后主动进入一个更新和渲染的逻辑而不必等待定时器消息。// 伪代码示意 while (running) { while (PeekMessage(msg, NULL, 0, 0, PM_REMOVE)) { TranslateMessage(msg); DispatchMessage(msg); } // 没有消息了主动进行更新和渲染 UpdateFireworks(deltaTime); // 更新所有烟花状态 RenderFrame(); // 渲染当前帧 // 控制帧率例如Sleep(1)或使用高精度计时器 }优点帧率更稳定控制更精细性能更好。缺点实现稍复杂需要自己管理帧率和时间差(deltaTime)。对于我们的烟花项目我建议初学者先从定时器驱动入手因为它更简单直观能快速看到效果。等熟悉了基本框架后可以再尝试改造成主动渲染循环以提升性能。本文后续讲解将以定时器驱动模式为基础。3.3 数据结构设计面向对象的粒子系统烟花本质是一个粒子系统Particle System。我们需要用面向对象的思想来设计。CParticle粒子类这是最基本的单元。每个粒子应该有自己的属性POINTF position: 当前位置使用浮点数以支持平滑移动。POINTF velocity: 当前速度包含x, y方向的分量。COLORREF color: 颜色。float lifeTime: 生命周期总存在时间。float age: 已存在时间。float size: 粒子大小。bool isAlive(): 判断粒子是否还“活着”age lifeTime。CFirework烟花类一个烟花由大量粒子组成。它应该包含std::vectorCParticle particles: 存储所有粒子的容器。POINTF launchPos: 发射起始位置。int state: 状态如等待发射、上升中、爆炸中、消散中。void Update(float deltaTime): 更新所有粒子状态位置、生命值。void Render(HDC hdc): 绘制所有粒子。bool IsFinished(): 判断烟花效果是否完全结束。CManager管理类负责管理多个烟花实例的生成、更新、渲染和销毁。std::vectorstd::unique_ptrCFirework fireworks: 存储所有活跃的烟花。void SpawnFirework(int x, int y): 在指定位置生成一个新的烟花。void UpdateAll(float deltaTime): 更新所有烟花并移除已结束的。void RenderAll(HDC hdc): 渲染所有烟花。这样的设计清晰地将数据与逻辑分离扩展性也很好比如未来想增加新的烟花类型如心形、圆形爆炸只需要继承CFirework类并重写其爆炸粒子的初始化逻辑即可。4. 核心模块实现详解4.1 Windows窗口创建与消息循环这是所有Win32程序的起点。代码虽然模板化但每一行都值得理解。#include windows.h #include vector #include memory #include cmath #include ctime #include “FireworkManager.h” // 我们之后实现的管理类 // 全局变量和函数声明 HINSTANCE hInst; const wchar_t WINDOW_CLASS[] L“FireworksWindow”; const int TIMER_ID 1; const int FRAME_DELAY_MS 16; // ~60 FPS CFireworkManager g_FireworkManager; // 全局管理器实例 LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam); void OnTimer(HWND hWnd); void OnPaint(HWND hWnd); int WINAPI wWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, PWSTR pCmdLine, int nCmdShow) { hInst hInstance; // 1. 注册窗口类 WNDCLASS wc {}; wc.lpfnWndProc WndProc; wc.hInstance hInstance; wc.lpszClassName WINDOW_CLASS; wc.hCursor LoadCursor(nullptr, IDC_ARROW); wc.hbrBackground (HBRUSH)(COLOR_WINDOW 1); RegisterClass(wc); // 2. 创建窗口 HWND hWnd CreateWindow(WINDOW_CLASS, L“炫丽烟花模拟”, WS_OVERLAPPEDWINDOW, CW_USEDEFAULT, CW_USEDEFAULT, 800, 600, nullptr, nullptr, hInstance, nullptr); if (!hWnd) return 0; ShowWindow(hWnd, nCmdShow); UpdateWindow(hWnd); // 3. 设置定时器每16毫秒触发一次 SetTimer(hWnd, TIMER_ID, FRAME_DELAY_MS, nullptr); // 4. 主消息循环 MSG msg {}; while (GetMessage(msg, nullptr, 0, 0)) { TranslateMessage(msg); DispatchMessage(msg); } KillTimer(hWnd, TIMER_ID); // 程序退出前销毁定时器 return 0; }关键点解析wWinMain: Windows程序的入口点相当于控制台程序的main。WNDCLASS和CreateWindow: 定义了窗口的外观和行为并创建出窗口实例。SetTimer: 核心之一。它告诉系统每隔FRAME_DELAY_MS毫秒就向窗口hWnd发送一个WM_TIMER消息消息ID是TIMER_ID。这是我们动画的“心跳”。GetMessage循环程序的生命线不断从消息队列中取出消息如鼠标点击、定时器到点、窗口需要重绘并分发给WndProc处理。4.2 窗口过程与消息处理WndProc函数是窗口的“大脑”所有发生在这个窗口上的事件都由它处理。LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { switch (message) { case WM_TIMER: if (wParam TIMER_ID) { OnTimer(hWnd); // 定时器到点更新动画 } break; case WM_PAINT: OnPaint(hWnd); // 窗口需要绘制 break; case WM_LBUTTONDOWN: { // 鼠标左键点击在点击位置生成一个烟花 int xPos GET_X_LPARAM(lParam); int yPos GET_Y_LPARAM(lParam); g_FireworkManager.SpawnFirework(xPos, yPos); InvalidateRect(hWnd, nullptr, FALSE); // 请求重绘立即看到新烟花 } break; case WM_DESTROY: PostQuitMessage(0); // 点击关闭按钮退出消息循环 break; default: return DefWindowProc(hWnd, message, wParam, lParam); // 其他消息交给默认处理 } return 0; }关键点解析WM_TIMER: 当定时器触发时我们调用OnTimer函数来更新烟花的状态。WM_PAINT: 当窗口需要重绘时比如被其他窗口挡住后重新显示或者我们调用了InvalidateRect系统会发送此消息。我们在OnPaint中进行实际的绘制操作。WM_LBUTTONDOWN: 添加交互性。用户点击窗口就在点击位置生成一个新烟花。GET_X_LPARAM和GET_Y_LPARAM是提取鼠标坐标的宏。DefWindowProc: 非常重要对于我们不处理的消息必须交给这个默认处理函数否则窗口的基本功能如移动、缩放会失效。4.3 粒子与烟花类的具体实现现在我们来填充最核心的粒子系统逻辑。首先实现CParticle类。// Particle.h #pragma once #include windows.h class CParticle { public: // 使用浮点数坐标确保运动平滑 struct POINTF { float x; float y; POINTF(float _x 0, float _y 0) : x(_x), y(_y) {} }; CParticle(POINTF pos, POINTF vel, COLORREF col, float life, float sz); bool Update(float deltaTime); // 返回粒子是否还存活 void Render(HDC hdc) const; bool IsAlive() const { return m_age m_lifeTime; } private: POINTF m_position; POINTF m_velocity; COLORREF m_color; float m_lifeTime; // 总寿命 float m_age; // 当前年龄 float m_size; float m_gravity; // 模拟重力加速度 }; // Particle.cpp #include “Particle.h” #include cmath CParticle::CParticle(POINTF pos, POINTF vel, COLORREF col, float life, float sz) : m_position(pos), m_velocity(vel), m_color(col), m_lifeTime(life), m_age(0.0f), m_size(sz), m_gravity(100.0f) { } bool CParticle::Update(float deltaTime) { if (!IsAlive()) return false; m_age deltaTime; // 应用重力速度的y分量随时间增加向下 m_velocity.y m_gravity * deltaTime; // 更新位置位移 速度 * 时间 m_position.x m_velocity.x * deltaTime; m_position.y m_velocity.y * deltaTime; // 简单的空气阻力模拟让速度慢慢衰减 m_velocity.x * 0.99f; m_velocity.y * 0.99f; return IsAlive(); } void CParticle::Render(HDC hdc) const { if (!IsAlive()) return; // 根据生命进度计算透明度可选GDI实现半透明较复杂可用GDI // 这里简单实现生命后期粒子变小 float lifeRatio 1.0f - (m_age / m_lifeTime); int currentSize (int)(m_size * lifeRatio); if (currentSize 1) currentSize 1; // 创建对应颜色的画笔和画刷 HPEN hPen CreatePen(PS_SOLID, 1, m_color); HBRUSH hBrush CreateSolidBrush(m_color); HPEN hOldPen (HPEN)SelectObject(hdc, hPen); HBRUSH hOldBrush (HBRUSH)SelectObject(hdc, hBrush); // 绘制一个实心圆代表粒子 int left (int)(m_position.x - currentSize / 2); int top (int)(m_position.y - currentSize / 2); Ellipse(hdc, left, top, left currentSize, top currentSize); // 恢复旧的GDI对象并删除我们创建的防止资源泄漏 SelectObject(hdc, hOldPen); SelectObject(hdc, hOldBrush); DeleteObject(hPen); DeleteObject(hBrush); }接下来是CFirework类。一个烟花分为两个阶段1. 上升阶段一个“发射器”粒子2. 爆炸阶段生成大量彩色粒子。// Firework.h #pragma once #include “Particle.h” #include vector #include random class CFirework { public: enum State { LAUNCHING, EXPLODING, FINISHED }; CFirework(float launchX, float launchY); void Update(float deltaTime); void Render(HDC hdc) const; bool IsFinished() const { return m_state FINISHED; } private: void Explode(); // 触发爆炸生成爆炸粒子 State m_state; POINTF m_launchPosition; std::vectorCParticle m_particles; std::default_random_engine m_randomEngine; // 用于随机数生成 float m_launchSpeed; float m_timeToExplode; float m_currentTime; }; // Firework.cpp #include “Firework.h” #include cmath CFirework::CFirework(float launchX, float launchY) : m_state(LAUNCHING), m_launchPosition(launchX, launchY), m_randomEngine((unsigned int)time(nullptr)), m_launchSpeed(-300.0f), // 向上发射速度为负 m_timeToExplode(1.5f), // 1.5秒后爆炸 m_currentTime(0.0f) { // 初始化发射阶段粒子可以是一个亮白色的点 CParticle::POINTF initVel(0, m_launchSpeed); m_particles.emplace_back(m_launchPosition, initVel, RGB(255, 250, 200), m_timeToExplode, 3.0f); } void CFirework::Update(float deltaTime) { if (m_state FINISHED) return; m_currentTime deltaTime; if (m_state LAUNCHING) { // 更新发射粒子 bool launcherAlive m_particles[0].Update(deltaTime); if (!launcherAlive || m_currentTime m_timeToExplode) { Explode(); // 发射粒子生命周期结束或时间到触发爆炸 m_state EXPLODING; } } else if (m_state EXPLODING) { // 更新所有爆炸粒子 bool anyAlive false; for (auto particle : m_particles) { if (particle.Update(deltaTime)) { anyAlive true; } } if (!anyAlive) { m_state FINISHED; } } } void CFirework::Explode() { m_particles.clear(); // 清除发射粒子 const int PARTICLE_COUNT 150; // 爆炸粒子数量 std::uniform_real_distributionfloat distColor(0.0f, 1.0f); std::uniform_real_distributionfloat distSpeed(50.0f, 200.0f); std::uniform_real_distributionfloat distAngle(0.0f, 2.0f * 3.1415926f); std::uniform_real_distributionfloat distLife(1.0f, 2.5f); CParticle::POINTF explodePos m_particles.empty() ? m_launchPosition : CParticle::POINTF(m_particles[0].GetPosition()); // 获取爆炸中心 for (int i 0; i PARTICLE_COUNT; i) { float angle distAngle(m_randomEngine); float speed distSpeed(m_randomEngine); CParticle::POINTF vel(std::cos(angle) * speed, std::sin(angle) * speed); // 生成随机鲜艳颜色 int r (int)(distColor(m_randomEngine) * 255); int g (int)(distColor(m_randomEngine) * 255); int b (int)(distColor(m_randomEngine) * 255); COLORREF color RGB(r, g, b); float life distLife(m_randomEngine); m_particles.emplace_back(explodePos, vel, color, life, 2.0f); } } void CFirework::Render(HDC hdc) const { for (const auto particle : m_particles) { particle.Render(hdc); } }关键点与避坑技巧随机数生成不要在每次生成粒子时都new std::default_random_engine这会导致随机数序列重复。应该在烟花类的构造函数中初始化一次随机数引擎。物理模拟Update函数中的deltaTime时间增量至关重要。它使得动画速度与帧率解耦。无论电脑快慢30FPS或60FPS烟花上升和下落的速度在现实时间尺度上都是一致的。计算方式通常是记录上一帧和当前帧的系统时间差。爆炸算法我们使用了简单的圆形均匀爆炸。通过随机角度和速度让粒子向四面八方飞散。你可以尝试修改这里做出心形、星形等不同形状的爆炸效果。颜色生成直接使用RGB(rand()%256, rand()%256, rand()%256)虽然简单但颜色可能偏灰暗。更好的方法是使用HSV色彩空间固定高饱和度(S)和高明度(V)只随机色相(H)这样能保证生成的颜色总是鲜艳的。4.4 管理器与动画循环的实现管理器CFireworkManager负责统筹全局。// FireworkManager.h #pragma once #include “Firework.h” #include memory #include vector class CFireworkManager { public: void SpawnFirework(int x, int y); void Update(float deltaTime); void Render(HDC hdc); void Clear() { m_fireworks.clear(); } private: std::vectorstd::unique_ptrCFirework m_fireworks; LARGE_INTEGER m_lastTime; // 用于计算deltaTime的高精度计时器 float m_fps; }; // FireworkManager.cpp #include “FireworkManager.h” #include windows.h #include algorithm CFireworkManager::CFireworkManager() { QueryPerformanceCounter(m_lastTime); // 初始化计时器 m_fps 0.0f; } void CFireworkManager::SpawnFirework(int x, int y) { m_fireworks.emplace_back(std::make_uniqueCFirework((float)x, (float)y)); } void CFireworkManager::Update(float deltaTime) { // 更新所有烟花 for (auto fw : m_fireworks) { fw-Update(deltaTime); } // 移除已完成的烟花使用“擦除-移除”惯用法 m_fireworks.erase( std::remove_if(m_fireworks.begin(), m_fireworks.end(), [](const std::unique_ptrCFirework fw) { return fw-IsFinished(); }), m_fireworks.end()); } void CFireworkManager::Render(HDC hdc) { for (const auto fw : m_fireworks) { fw-Render(hdc); } }最后我们需要在窗口的OnTimer和OnPaint函数中驱动整个系统。// 在WinMain.cpp中补充 void OnTimer(HWND hWnd) { // 计算deltaTime精确到秒 static LARGE_INTEGER frequency; static bool firstCall true; if (firstCall) { QueryPerformanceFrequency(frequency); // 获取CPU计时器频率 firstCall false; } LARGE_INTEGER currentTime; QueryPerformanceCounter(currentTime); static LARGE_INTEGER lastTime currentTime; float deltaTime (float)(currentTime.QuadPart - lastTime.QuadPart) / (float)frequency.QuadPart; lastTime currentTime; // 限制deltaTime防止卡顿后时间跳跃太大 if (deltaTime 0.1f) deltaTime 0.1f; // 更新管理器状态 g_FireworkManager.Update(deltaTime); // 标记窗口客户区无效触发WM_PAINT InvalidateRect(hWnd, nullptr, FALSE); } void OnPaint(HWND hWnd) { PAINTSTRUCT ps; HDC hdc BeginPaint(hWnd, ps); // 双缓冲绘图防止闪烁 HDC hdcMem CreateCompatibleDC(hdc); RECT rect; GetClientRect(hWnd, rect); HBITMAP hbmMem CreateCompatibleBitmap(hdc, rect.right, rect.bottom); HBITMAP hOldBmp (HBITMAP)SelectObject(hdcMem, hbmMem); // 先用黑色清空背景 HBRUSH hBlackBrush CreateSolidBrush(RGB(0, 0, 0)); FillRect(hdcMem, rect, hBlackBrush); DeleteObject(hBlackBrush); // 绘制所有烟花 g_FireworkManager.Render(hdcMem); // 将内存DC内容一次性拷贝到屏幕DC BitBlt(hdc, 0, 0, rect.right, rect.bottom, hdcMem, 0, 0, SRCCOPY); // 清理资源 SelectObject(hdcMem, hOldBmp); DeleteObject(hbmMem); DeleteDC(hdcMem); EndPaint(hWnd, ps); }双缓冲绘图详解这是解决图形闪烁问题的关键技巧。如果直接在WM_PAINT中往屏幕DChdc上画图每画一个粒子屏幕就更新一次如果粒子多就会看到明显的闪烁。双缓冲的原理是先在内存中创建一个和屏幕画布一样大小的“虚拟画布”内存DC把所有图形都画在这个虚拟画布上。等所有绘制命令都完成后一次性将这个完整的虚拟画布拷贝到屏幕DC上。这样用户看到的就是一整幅完整的画面更新消除了中间过程的闪烁。5. 效果优化与高级技巧基础版本完成后我们可以从视觉和性能上进行大量优化。5.1 视觉增强粒子拖尾与模糊效果单纯的实心圆粒子看起来有些生硬。我们可以通过绘制粒子的历史轨迹来模拟拖尾效果。在CParticle类中增加一个位置历史记录队列。class CParticle { // ... 其他成员 private: std::vectorPOINTF m_trail; // 轨迹点队列 const int MAX_TRAIL_LENGTH 8; // 最大轨迹长度 void UpdateTrail(float deltaTime); void RenderTrail(HDC hdc) const; }; void CParticle::UpdateTrail(float deltaTime) { static float trailAccumulator 0.0f; trailAccumulator deltaTime; // 每0.02秒记录一次位置 if (trailAccumulator 0.02f) { trailAccumulator 0.0f; m_trail.push_back(m_position); if (m_trail.size() MAX_TRAIL_LENGTH) { m_trail.erase(m_trail.begin()); } } } void CParticle::RenderTrail(HDC hdc) const { if (m_trail.size() 2) return; HPEN hPen CreatePen(PS_SOLID, 1, m_color); HPEN hOldPen (HPEN)SelectObject(hdc, hPen); // 从旧到新绘制线段颜色可以逐渐变淡 for (size_t i 0; i m_trail.size() - 1; i) { float alpha (float)(i 1) / m_trail.size(); // 计算透明度因子 COLORREF trailColor RGB( GetRValue(m_color) * alpha, GetGValue(m_color) * alpha, GetBValue(m_color) * alpha ); HPEN hTrailPen CreatePen(PS_SOLID, 1, trailColor); SelectObject(hdc, hTrailPen); MoveToEx(hdc, (int)m_trail[i].x, (int)m_trail[i].y, nullptr); LineTo(hdc, (int)m_trail[i 1].x, (int)m_trail[i 1].y); DeleteObject(hTrailPen); } SelectObject(hdc, hOldPen); DeleteObject(hPen); }然后在Render函数中先调用RenderTrail再画粒子本身。这样每个粒子后面就会有一条逐渐变淡的尾巴运动感瞬间提升。5.2 性能优化对象池与批量绘制当屏幕上有成千上万个粒子时频繁地new/delete或vector的扩容会严重影响性能。对象池Object Pool是解决之道。我们可以预先创建一大块CParticle对象数组池子。需要新粒子时从池中取一个“休眠”的粒子并激活它粒子生命周期结束时不是删除它而是将其状态标记为“休眠”并放回池中。这样就避免了运行时动态内存分配的开销。此外GDI的每次绘图调用如Ellipse,LineTo都有开销。如果粒子数量极大可以考虑使用更底层的SetPixel函数或者切换到GDI并使用Graphics::DrawEllipse的批量绘制方式甚至使用Direct2D这类硬件加速的图形API性能会有数量级的提升。但对于学习目的和中等规模的烟花效果优化后的GDI双缓冲通常已足够流畅。5.3 交互与音效增强让程序更有趣键盘控制在WndProc中处理WM_KEYDOWN消息。例如按空格键清空所有烟花按R键随机生成一排烟花。鼠标交互我们已经实现了点击生成。还可以实现鼠标拖拽发射或者按住鼠标持续生成粒子流。添加音效可以使用Windows自带的PlaySoundAPI播放简单的WAV文件。在烟花爆炸的瞬间调用PlaySound(L“explode.wav”, NULL, SND_ASYNC | SND_FILENAME);。注意音效文件需要放在项目目录或指定路径。6. 常见问题与调试技巧实录在开发过程中你肯定会遇到各种问题。这里记录几个我当年踩过的典型大坑问题1程序运行后窗口一片黑什么都没有。排查首先检查消息循环是否正常。在WndProc的WM_PAINT和WM_TIMER处理函数开始处加OutputDebugString输出日志看是否被调用。可能原因OnPaint中忘了调用BeginPaint和EndPaint这对函数必须成对出现否则系统会认为绘制没有完成不断发送WM_PAINT消息导致程序卡死。或者双缓冲的BitBlt参数有误没有正确拷贝到屏幕。技巧在OnPaint中先不用双缓冲直接用一个固定的颜色如红色填充整个客户区FillRect(hdc, rect, (HBRUSH)GetStockObject(RED_BRUSH));。如果能看到红色窗口说明绘制流程基本正确问题出在烟花绘制逻辑上。问题2烟花动画非常卡顿闪烁严重。排查这是最典型的问题。首先确保你实现了双缓冲见4.4节代码。如果还有闪烁检查是否在OnPaint外部比如在OnTimer里进行了绘制操作这会导致和系统绘制的冲突。可能原因粒子数量太多每帧绘制耗时过长。可以用QueryPerformanceCounter测量一下Update和Render函数的耗时。如果一帧超过16ms60FPS就会感觉卡顿。优化减少粒子数量。使用对象池减少内存分配。在Render函数中只绘制在屏幕可见区域内的粒子简单的矩形碰撞检测。考虑将渲染逻辑移到单独的线程高级话题需注意线程安全。问题3生成的exe在别的电脑上无法运行提示缺少DLL。排查这就是著名的“DLL地狱”问题。在你自己电脑上能运行是因为安装了Visual Studio包含了开发环境下的运行时库。解决方案二选一静态链接如2.1节所述在项目属性中将“运行时库”从/MDd(Debug) 或/MD(Release) 改为/MTd或/MT。重新编译后exe会变大但不再依赖外部的msvcp140.dll等文件。分发运行时库保持动态链接将对应的Microsoft Visual C Redistributable安装包如vc_redist.x64.exe和你的程序一起打包发给用户并提示安装。从微软官网下载最新的v14版本通常兼容性最好。问题4烟花爆炸后粒子消失得太快或太慢。排查检查CParticle::Update中的deltaTime计算是否正确。deltaTime应该是上一帧到这一帧经过的秒数而不是毫秒数。如果错误地传入了一个很大的数比如毫秒值16粒子运动就会飞快。调试在OnTimer中打印出deltaTime的值正常情况下应该在0.016左右60FPS。如果值异常大或小检查QueryPerformanceCounter和QueryPerformanceFrequency的使用是否正确。问题5随机数生成的烟花形状每次都一样。原因在CFirework的构造函数中使用std::default_random_engine m_randomEngine(time(nullptr))初始化随机数种子。如果在一秒内快速创建多个烟花对象time(nullptr)返回的值可能相同导致种子相同随机序列也就相同。解决使用更高精度的时钟作为种子或者使用静态的随机数引擎。例如// 在CFireworkManager中持有一个全局的随机数引擎 std::default_random_engine GetGlobalRandomEngine() { static std::random_device rd; // 非确定性随机数种子 static std::default_random_engine engine(rd()); return engine; } // 在CFirework构造函数中引用它 CFirework::CFirework(...) : m_randomEngine(GetGlobalRandomEngine()) { ... }实现这个烟花程序的过程就像看着一堆冰冷的代码逐渐绽放出温暖的光彩。从最基础的窗口创建到粒子物理的模拟再到视觉效果的打磨每一步都充满了挑战和乐趣。它让我深刻体会到编程不仅是逻辑和算法更是创造和表达。当你点击鼠标看到自己编写的代码在屏幕上迸发出绚烂的花火时那种成就感是无与伦比的。这个项目麻雀虽小五脏俱全希望这份详细的复盘能帮你少走弯路顺利点亮属于你自己的那一片代码星空。
1. 项目概述从零到一用VC绘制一场视觉盛宴最近在整理旧项目时翻出了一个大学时期用Visual C写的烟花动画程序。当时为了完成图形学课程设计熬了几个通宵从粒子系统到物理模拟一点点把代码敲出来。现在回头看这个项目虽然不大但涵盖了Windows桌面程序开发、GDI/GDI图形绘制、实时动画循环、物理模拟等多个核心知识点是一个非常经典的练手项目。对于想深入理解Windows消息机制、掌握C面向对象编程以及学习基础图形学原理的朋友来说自己动手实现一个烟花动画远比看十篇理论文章来得有效。这个程序的核心目标很简单在Windows窗口里模拟出逼真、炫丽的烟花爆炸效果。它不仅仅是画几个彩色圆圈那么简单你需要考虑烟花的发射、上升、爆炸、粒子扩散、重力影响、颜色衰减、轨迹拖尾等一系列效果。整个过程就像在代码世界里当一回“烟花设计师”用算法和数据结构来调配色彩与运动。无论你是刚学完C语法想找个项目练手还是有一定基础想挑战图形编程这个项目都能让你对Visual C和Windows编程有更立体、更深刻的认识。接下来我就把当年踩过的坑和总结的经验结合现在的理解完整地复盘一遍。2. 环境搭建与项目创建2.1 Visual Studio与运行库的选择与安装工欲善其事必先利其器。我们首先得把开发环境搭建好。对于这个项目我强烈推荐使用Visual Studio 2019 或 2022社区版。它们对C的标准支持更好IDE也更智能关键是免费。别用太老的版本比如VC 6.0那已经是“上古神器”了对新系统兼容性差调试也不方便。安装Visual Studio时记得勾选“使用C的桌面开发”这个工作负载。它会自动安装必要的编译器、链接器、库文件和头文件。这里有个新手常踩的坑只装了Visual Studio但目标电脑上没装对应的Visual C Redistributable可再发行组件包导致程序在自己电脑上跑得好好的发给别人就运行不起来弹出一堆“找不到VCRUNTIME140.dll”之类的错误。为什么需要Redistributable简单来说你的程序在编译时并不是把所有用到的微软C运行时代码都打包进自己的exe里而是动态链接到系统里的一些公共DLL文件比如msvcp140.dll,vcruntime140.dll。Redistributable就是这些公共DLL的安装包。所以分发程序时要么让用户手动安装对应版本的Redistributable要么将运行时库以“静态链接”的方式编译进你的程序。实操建议开发机安装Visual Studio时Redistributable通常会自动装上。目标机用户电脑方案A推荐给初学者在项目属性中将运行时库改为“静态链接”。这样生成的exe会变大一些但可以独立运行。设置路径项目属性 - C/C - 代码生成 - 运行时库选择/MTRelease版或/MTdDebug版。方案B更规范保持动态链接/MD或/MDd然后在发布程序时将对应版本的Redistributable安装包如VC_redist.x64.exe一起打包给用户或者引导用户从微软官网下载安装。从你提供的资料看最新的v14版本适用于VS 2017, 2019, 2022, 2026是向下兼容的用新版本VS开发让用户安装最新的v14 Redistributable一般没问题。2.2 创建Win32桌面应用程序项目打开Visual Studio新建项目选择“Windows桌面向导”或“Win32项目”。给项目起个名字比如FireworksSimulator。在应用程序向导中有几个关键设置应用程序类型选择“桌面应用程序(.exe)”。附加选项务必勾选“空项目”。我们不希望向导生成一大堆用不到的默认代码比如文档/视图架构我们要的是一个干净的开始。安全开发生命周期(SDL)检查可以先取消勾选避免一些严格的编译检查在初期带来干扰等项目主体完成后可以再开启。点击完成后你会得到一个几乎空的项目。接下来我们需要手动添加主程序入口。在“解决方案资源管理器”中右键点击“源文件”文件夹选择“添加 - 新建项”创建一个main.cpp或者WinMain.cpp文件。3. 核心架构与设计思路一个流畅的烟花动画程序其核心是一个实时循环系统。它不同于我们平时写的“输入-处理-输出”然后就结束的程序它需要持续运行不断地更新状态、重绘画面。在Windows环境下实现这个循环有两种主流思路。3.1 消息循环与定时器驱动这是最经典、最“Windows”的方式。Windows程序是事件驱动的主线程里有一个GetMessage或PeekMessage循环用来处理鼠标、键盘等消息。我们可以利用SetTimer函数创建一个定时器每隔一段时间比如16毫秒约60FPS就向窗口发送一个WM_TIMER消息。在窗口过程函数WndProc中处理这个消息在此时更新所有烟花和粒子的状态并调用InvalidateRect函数通知系统窗口区域无效从而触发WM_PAINT消息进行重绘。优点逻辑清晰与Windows消息机制结合紧密适合初学者理解Windows编程本质。缺点WM_TIMER的精度不高且消息可能被阻塞不适合对帧率要求极高的游戏。但对于烟花动画完全够用。3.2 主动渲染循环游戏循环这是更接近游戏开发的方式。在主消息循环中使用PeekMessage而非GetMessage。PeekMessage不会阻塞它会立即返回无论有没有消息。这样我们可以在处理完当前所有消息后主动进入一个更新和渲染的逻辑而不必等待定时器消息。// 伪代码示意 while (running) { while (PeekMessage(msg, NULL, 0, 0, PM_REMOVE)) { TranslateMessage(msg); DispatchMessage(msg); } // 没有消息了主动进行更新和渲染 UpdateFireworks(deltaTime); // 更新所有烟花状态 RenderFrame(); // 渲染当前帧 // 控制帧率例如Sleep(1)或使用高精度计时器 }优点帧率更稳定控制更精细性能更好。缺点实现稍复杂需要自己管理帧率和时间差(deltaTime)。对于我们的烟花项目我建议初学者先从定时器驱动入手因为它更简单直观能快速看到效果。等熟悉了基本框架后可以再尝试改造成主动渲染循环以提升性能。本文后续讲解将以定时器驱动模式为基础。3.3 数据结构设计面向对象的粒子系统烟花本质是一个粒子系统Particle System。我们需要用面向对象的思想来设计。CParticle粒子类这是最基本的单元。每个粒子应该有自己的属性POINTF position: 当前位置使用浮点数以支持平滑移动。POINTF velocity: 当前速度包含x, y方向的分量。COLORREF color: 颜色。float lifeTime: 生命周期总存在时间。float age: 已存在时间。float size: 粒子大小。bool isAlive(): 判断粒子是否还“活着”age lifeTime。CFirework烟花类一个烟花由大量粒子组成。它应该包含std::vectorCParticle particles: 存储所有粒子的容器。POINTF launchPos: 发射起始位置。int state: 状态如等待发射、上升中、爆炸中、消散中。void Update(float deltaTime): 更新所有粒子状态位置、生命值。void Render(HDC hdc): 绘制所有粒子。bool IsFinished(): 判断烟花效果是否完全结束。CManager管理类负责管理多个烟花实例的生成、更新、渲染和销毁。std::vectorstd::unique_ptrCFirework fireworks: 存储所有活跃的烟花。void SpawnFirework(int x, int y): 在指定位置生成一个新的烟花。void UpdateAll(float deltaTime): 更新所有烟花并移除已结束的。void RenderAll(HDC hdc): 渲染所有烟花。这样的设计清晰地将数据与逻辑分离扩展性也很好比如未来想增加新的烟花类型如心形、圆形爆炸只需要继承CFirework类并重写其爆炸粒子的初始化逻辑即可。4. 核心模块实现详解4.1 Windows窗口创建与消息循环这是所有Win32程序的起点。代码虽然模板化但每一行都值得理解。#include windows.h #include vector #include memory #include cmath #include ctime #include “FireworkManager.h” // 我们之后实现的管理类 // 全局变量和函数声明 HINSTANCE hInst; const wchar_t WINDOW_CLASS[] L“FireworksWindow”; const int TIMER_ID 1; const int FRAME_DELAY_MS 16; // ~60 FPS CFireworkManager g_FireworkManager; // 全局管理器实例 LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam); void OnTimer(HWND hWnd); void OnPaint(HWND hWnd); int WINAPI wWinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, PWSTR pCmdLine, int nCmdShow) { hInst hInstance; // 1. 注册窗口类 WNDCLASS wc {}; wc.lpfnWndProc WndProc; wc.hInstance hInstance; wc.lpszClassName WINDOW_CLASS; wc.hCursor LoadCursor(nullptr, IDC_ARROW); wc.hbrBackground (HBRUSH)(COLOR_WINDOW 1); RegisterClass(wc); // 2. 创建窗口 HWND hWnd CreateWindow(WINDOW_CLASS, L“炫丽烟花模拟”, WS_OVERLAPPEDWINDOW, CW_USEDEFAULT, CW_USEDEFAULT, 800, 600, nullptr, nullptr, hInstance, nullptr); if (!hWnd) return 0; ShowWindow(hWnd, nCmdShow); UpdateWindow(hWnd); // 3. 设置定时器每16毫秒触发一次 SetTimer(hWnd, TIMER_ID, FRAME_DELAY_MS, nullptr); // 4. 主消息循环 MSG msg {}; while (GetMessage(msg, nullptr, 0, 0)) { TranslateMessage(msg); DispatchMessage(msg); } KillTimer(hWnd, TIMER_ID); // 程序退出前销毁定时器 return 0; }关键点解析wWinMain: Windows程序的入口点相当于控制台程序的main。WNDCLASS和CreateWindow: 定义了窗口的外观和行为并创建出窗口实例。SetTimer: 核心之一。它告诉系统每隔FRAME_DELAY_MS毫秒就向窗口hWnd发送一个WM_TIMER消息消息ID是TIMER_ID。这是我们动画的“心跳”。GetMessage循环程序的生命线不断从消息队列中取出消息如鼠标点击、定时器到点、窗口需要重绘并分发给WndProc处理。4.2 窗口过程与消息处理WndProc函数是窗口的“大脑”所有发生在这个窗口上的事件都由它处理。LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { switch (message) { case WM_TIMER: if (wParam TIMER_ID) { OnTimer(hWnd); // 定时器到点更新动画 } break; case WM_PAINT: OnPaint(hWnd); // 窗口需要绘制 break; case WM_LBUTTONDOWN: { // 鼠标左键点击在点击位置生成一个烟花 int xPos GET_X_LPARAM(lParam); int yPos GET_Y_LPARAM(lParam); g_FireworkManager.SpawnFirework(xPos, yPos); InvalidateRect(hWnd, nullptr, FALSE); // 请求重绘立即看到新烟花 } break; case WM_DESTROY: PostQuitMessage(0); // 点击关闭按钮退出消息循环 break; default: return DefWindowProc(hWnd, message, wParam, lParam); // 其他消息交给默认处理 } return 0; }关键点解析WM_TIMER: 当定时器触发时我们调用OnTimer函数来更新烟花的状态。WM_PAINT: 当窗口需要重绘时比如被其他窗口挡住后重新显示或者我们调用了InvalidateRect系统会发送此消息。我们在OnPaint中进行实际的绘制操作。WM_LBUTTONDOWN: 添加交互性。用户点击窗口就在点击位置生成一个新烟花。GET_X_LPARAM和GET_Y_LPARAM是提取鼠标坐标的宏。DefWindowProc: 非常重要对于我们不处理的消息必须交给这个默认处理函数否则窗口的基本功能如移动、缩放会失效。4.3 粒子与烟花类的具体实现现在我们来填充最核心的粒子系统逻辑。首先实现CParticle类。// Particle.h #pragma once #include windows.h class CParticle { public: // 使用浮点数坐标确保运动平滑 struct POINTF { float x; float y; POINTF(float _x 0, float _y 0) : x(_x), y(_y) {} }; CParticle(POINTF pos, POINTF vel, COLORREF col, float life, float sz); bool Update(float deltaTime); // 返回粒子是否还存活 void Render(HDC hdc) const; bool IsAlive() const { return m_age m_lifeTime; } private: POINTF m_position; POINTF m_velocity; COLORREF m_color; float m_lifeTime; // 总寿命 float m_age; // 当前年龄 float m_size; float m_gravity; // 模拟重力加速度 }; // Particle.cpp #include “Particle.h” #include cmath CParticle::CParticle(POINTF pos, POINTF vel, COLORREF col, float life, float sz) : m_position(pos), m_velocity(vel), m_color(col), m_lifeTime(life), m_age(0.0f), m_size(sz), m_gravity(100.0f) { } bool CParticle::Update(float deltaTime) { if (!IsAlive()) return false; m_age deltaTime; // 应用重力速度的y分量随时间增加向下 m_velocity.y m_gravity * deltaTime; // 更新位置位移 速度 * 时间 m_position.x m_velocity.x * deltaTime; m_position.y m_velocity.y * deltaTime; // 简单的空气阻力模拟让速度慢慢衰减 m_velocity.x * 0.99f; m_velocity.y * 0.99f; return IsAlive(); } void CParticle::Render(HDC hdc) const { if (!IsAlive()) return; // 根据生命进度计算透明度可选GDI实现半透明较复杂可用GDI // 这里简单实现生命后期粒子变小 float lifeRatio 1.0f - (m_age / m_lifeTime); int currentSize (int)(m_size * lifeRatio); if (currentSize 1) currentSize 1; // 创建对应颜色的画笔和画刷 HPEN hPen CreatePen(PS_SOLID, 1, m_color); HBRUSH hBrush CreateSolidBrush(m_color); HPEN hOldPen (HPEN)SelectObject(hdc, hPen); HBRUSH hOldBrush (HBRUSH)SelectObject(hdc, hBrush); // 绘制一个实心圆代表粒子 int left (int)(m_position.x - currentSize / 2); int top (int)(m_position.y - currentSize / 2); Ellipse(hdc, left, top, left currentSize, top currentSize); // 恢复旧的GDI对象并删除我们创建的防止资源泄漏 SelectObject(hdc, hOldPen); SelectObject(hdc, hOldBrush); DeleteObject(hPen); DeleteObject(hBrush); }接下来是CFirework类。一个烟花分为两个阶段1. 上升阶段一个“发射器”粒子2. 爆炸阶段生成大量彩色粒子。// Firework.h #pragma once #include “Particle.h” #include vector #include random class CFirework { public: enum State { LAUNCHING, EXPLODING, FINISHED }; CFirework(float launchX, float launchY); void Update(float deltaTime); void Render(HDC hdc) const; bool IsFinished() const { return m_state FINISHED; } private: void Explode(); // 触发爆炸生成爆炸粒子 State m_state; POINTF m_launchPosition; std::vectorCParticle m_particles; std::default_random_engine m_randomEngine; // 用于随机数生成 float m_launchSpeed; float m_timeToExplode; float m_currentTime; }; // Firework.cpp #include “Firework.h” #include cmath CFirework::CFirework(float launchX, float launchY) : m_state(LAUNCHING), m_launchPosition(launchX, launchY), m_randomEngine((unsigned int)time(nullptr)), m_launchSpeed(-300.0f), // 向上发射速度为负 m_timeToExplode(1.5f), // 1.5秒后爆炸 m_currentTime(0.0f) { // 初始化发射阶段粒子可以是一个亮白色的点 CParticle::POINTF initVel(0, m_launchSpeed); m_particles.emplace_back(m_launchPosition, initVel, RGB(255, 250, 200), m_timeToExplode, 3.0f); } void CFirework::Update(float deltaTime) { if (m_state FINISHED) return; m_currentTime deltaTime; if (m_state LAUNCHING) { // 更新发射粒子 bool launcherAlive m_particles[0].Update(deltaTime); if (!launcherAlive || m_currentTime m_timeToExplode) { Explode(); // 发射粒子生命周期结束或时间到触发爆炸 m_state EXPLODING; } } else if (m_state EXPLODING) { // 更新所有爆炸粒子 bool anyAlive false; for (auto particle : m_particles) { if (particle.Update(deltaTime)) { anyAlive true; } } if (!anyAlive) { m_state FINISHED; } } } void CFirework::Explode() { m_particles.clear(); // 清除发射粒子 const int PARTICLE_COUNT 150; // 爆炸粒子数量 std::uniform_real_distributionfloat distColor(0.0f, 1.0f); std::uniform_real_distributionfloat distSpeed(50.0f, 200.0f); std::uniform_real_distributionfloat distAngle(0.0f, 2.0f * 3.1415926f); std::uniform_real_distributionfloat distLife(1.0f, 2.5f); CParticle::POINTF explodePos m_particles.empty() ? m_launchPosition : CParticle::POINTF(m_particles[0].GetPosition()); // 获取爆炸中心 for (int i 0; i PARTICLE_COUNT; i) { float angle distAngle(m_randomEngine); float speed distSpeed(m_randomEngine); CParticle::POINTF vel(std::cos(angle) * speed, std::sin(angle) * speed); // 生成随机鲜艳颜色 int r (int)(distColor(m_randomEngine) * 255); int g (int)(distColor(m_randomEngine) * 255); int b (int)(distColor(m_randomEngine) * 255); COLORREF color RGB(r, g, b); float life distLife(m_randomEngine); m_particles.emplace_back(explodePos, vel, color, life, 2.0f); } } void CFirework::Render(HDC hdc) const { for (const auto particle : m_particles) { particle.Render(hdc); } }关键点与避坑技巧随机数生成不要在每次生成粒子时都new std::default_random_engine这会导致随机数序列重复。应该在烟花类的构造函数中初始化一次随机数引擎。物理模拟Update函数中的deltaTime时间增量至关重要。它使得动画速度与帧率解耦。无论电脑快慢30FPS或60FPS烟花上升和下落的速度在现实时间尺度上都是一致的。计算方式通常是记录上一帧和当前帧的系统时间差。爆炸算法我们使用了简单的圆形均匀爆炸。通过随机角度和速度让粒子向四面八方飞散。你可以尝试修改这里做出心形、星形等不同形状的爆炸效果。颜色生成直接使用RGB(rand()%256, rand()%256, rand()%256)虽然简单但颜色可能偏灰暗。更好的方法是使用HSV色彩空间固定高饱和度(S)和高明度(V)只随机色相(H)这样能保证生成的颜色总是鲜艳的。4.4 管理器与动画循环的实现管理器CFireworkManager负责统筹全局。// FireworkManager.h #pragma once #include “Firework.h” #include memory #include vector class CFireworkManager { public: void SpawnFirework(int x, int y); void Update(float deltaTime); void Render(HDC hdc); void Clear() { m_fireworks.clear(); } private: std::vectorstd::unique_ptrCFirework m_fireworks; LARGE_INTEGER m_lastTime; // 用于计算deltaTime的高精度计时器 float m_fps; }; // FireworkManager.cpp #include “FireworkManager.h” #include windows.h #include algorithm CFireworkManager::CFireworkManager() { QueryPerformanceCounter(m_lastTime); // 初始化计时器 m_fps 0.0f; } void CFireworkManager::SpawnFirework(int x, int y) { m_fireworks.emplace_back(std::make_uniqueCFirework((float)x, (float)y)); } void CFireworkManager::Update(float deltaTime) { // 更新所有烟花 for (auto fw : m_fireworks) { fw-Update(deltaTime); } // 移除已完成的烟花使用“擦除-移除”惯用法 m_fireworks.erase( std::remove_if(m_fireworks.begin(), m_fireworks.end(), [](const std::unique_ptrCFirework fw) { return fw-IsFinished(); }), m_fireworks.end()); } void CFireworkManager::Render(HDC hdc) { for (const auto fw : m_fireworks) { fw-Render(hdc); } }最后我们需要在窗口的OnTimer和OnPaint函数中驱动整个系统。// 在WinMain.cpp中补充 void OnTimer(HWND hWnd) { // 计算deltaTime精确到秒 static LARGE_INTEGER frequency; static bool firstCall true; if (firstCall) { QueryPerformanceFrequency(frequency); // 获取CPU计时器频率 firstCall false; } LARGE_INTEGER currentTime; QueryPerformanceCounter(currentTime); static LARGE_INTEGER lastTime currentTime; float deltaTime (float)(currentTime.QuadPart - lastTime.QuadPart) / (float)frequency.QuadPart; lastTime currentTime; // 限制deltaTime防止卡顿后时间跳跃太大 if (deltaTime 0.1f) deltaTime 0.1f; // 更新管理器状态 g_FireworkManager.Update(deltaTime); // 标记窗口客户区无效触发WM_PAINT InvalidateRect(hWnd, nullptr, FALSE); } void OnPaint(HWND hWnd) { PAINTSTRUCT ps; HDC hdc BeginPaint(hWnd, ps); // 双缓冲绘图防止闪烁 HDC hdcMem CreateCompatibleDC(hdc); RECT rect; GetClientRect(hWnd, rect); HBITMAP hbmMem CreateCompatibleBitmap(hdc, rect.right, rect.bottom); HBITMAP hOldBmp (HBITMAP)SelectObject(hdcMem, hbmMem); // 先用黑色清空背景 HBRUSH hBlackBrush CreateSolidBrush(RGB(0, 0, 0)); FillRect(hdcMem, rect, hBlackBrush); DeleteObject(hBlackBrush); // 绘制所有烟花 g_FireworkManager.Render(hdcMem); // 将内存DC内容一次性拷贝到屏幕DC BitBlt(hdc, 0, 0, rect.right, rect.bottom, hdcMem, 0, 0, SRCCOPY); // 清理资源 SelectObject(hdcMem, hOldBmp); DeleteObject(hbmMem); DeleteDC(hdcMem); EndPaint(hWnd, ps); }双缓冲绘图详解这是解决图形闪烁问题的关键技巧。如果直接在WM_PAINT中往屏幕DChdc上画图每画一个粒子屏幕就更新一次如果粒子多就会看到明显的闪烁。双缓冲的原理是先在内存中创建一个和屏幕画布一样大小的“虚拟画布”内存DC把所有图形都画在这个虚拟画布上。等所有绘制命令都完成后一次性将这个完整的虚拟画布拷贝到屏幕DC上。这样用户看到的就是一整幅完整的画面更新消除了中间过程的闪烁。5. 效果优化与高级技巧基础版本完成后我们可以从视觉和性能上进行大量优化。5.1 视觉增强粒子拖尾与模糊效果单纯的实心圆粒子看起来有些生硬。我们可以通过绘制粒子的历史轨迹来模拟拖尾效果。在CParticle类中增加一个位置历史记录队列。class CParticle { // ... 其他成员 private: std::vectorPOINTF m_trail; // 轨迹点队列 const int MAX_TRAIL_LENGTH 8; // 最大轨迹长度 void UpdateTrail(float deltaTime); void RenderTrail(HDC hdc) const; }; void CParticle::UpdateTrail(float deltaTime) { static float trailAccumulator 0.0f; trailAccumulator deltaTime; // 每0.02秒记录一次位置 if (trailAccumulator 0.02f) { trailAccumulator 0.0f; m_trail.push_back(m_position); if (m_trail.size() MAX_TRAIL_LENGTH) { m_trail.erase(m_trail.begin()); } } } void CParticle::RenderTrail(HDC hdc) const { if (m_trail.size() 2) return; HPEN hPen CreatePen(PS_SOLID, 1, m_color); HPEN hOldPen (HPEN)SelectObject(hdc, hPen); // 从旧到新绘制线段颜色可以逐渐变淡 for (size_t i 0; i m_trail.size() - 1; i) { float alpha (float)(i 1) / m_trail.size(); // 计算透明度因子 COLORREF trailColor RGB( GetRValue(m_color) * alpha, GetGValue(m_color) * alpha, GetBValue(m_color) * alpha ); HPEN hTrailPen CreatePen(PS_SOLID, 1, trailColor); SelectObject(hdc, hTrailPen); MoveToEx(hdc, (int)m_trail[i].x, (int)m_trail[i].y, nullptr); LineTo(hdc, (int)m_trail[i 1].x, (int)m_trail[i 1].y); DeleteObject(hTrailPen); } SelectObject(hdc, hOldPen); DeleteObject(hPen); }然后在Render函数中先调用RenderTrail再画粒子本身。这样每个粒子后面就会有一条逐渐变淡的尾巴运动感瞬间提升。5.2 性能优化对象池与批量绘制当屏幕上有成千上万个粒子时频繁地new/delete或vector的扩容会严重影响性能。对象池Object Pool是解决之道。我们可以预先创建一大块CParticle对象数组池子。需要新粒子时从池中取一个“休眠”的粒子并激活它粒子生命周期结束时不是删除它而是将其状态标记为“休眠”并放回池中。这样就避免了运行时动态内存分配的开销。此外GDI的每次绘图调用如Ellipse,LineTo都有开销。如果粒子数量极大可以考虑使用更底层的SetPixel函数或者切换到GDI并使用Graphics::DrawEllipse的批量绘制方式甚至使用Direct2D这类硬件加速的图形API性能会有数量级的提升。但对于学习目的和中等规模的烟花效果优化后的GDI双缓冲通常已足够流畅。5.3 交互与音效增强让程序更有趣键盘控制在WndProc中处理WM_KEYDOWN消息。例如按空格键清空所有烟花按R键随机生成一排烟花。鼠标交互我们已经实现了点击生成。还可以实现鼠标拖拽发射或者按住鼠标持续生成粒子流。添加音效可以使用Windows自带的PlaySoundAPI播放简单的WAV文件。在烟花爆炸的瞬间调用PlaySound(L“explode.wav”, NULL, SND_ASYNC | SND_FILENAME);。注意音效文件需要放在项目目录或指定路径。6. 常见问题与调试技巧实录在开发过程中你肯定会遇到各种问题。这里记录几个我当年踩过的典型大坑问题1程序运行后窗口一片黑什么都没有。排查首先检查消息循环是否正常。在WndProc的WM_PAINT和WM_TIMER处理函数开始处加OutputDebugString输出日志看是否被调用。可能原因OnPaint中忘了调用BeginPaint和EndPaint这对函数必须成对出现否则系统会认为绘制没有完成不断发送WM_PAINT消息导致程序卡死。或者双缓冲的BitBlt参数有误没有正确拷贝到屏幕。技巧在OnPaint中先不用双缓冲直接用一个固定的颜色如红色填充整个客户区FillRect(hdc, rect, (HBRUSH)GetStockObject(RED_BRUSH));。如果能看到红色窗口说明绘制流程基本正确问题出在烟花绘制逻辑上。问题2烟花动画非常卡顿闪烁严重。排查这是最典型的问题。首先确保你实现了双缓冲见4.4节代码。如果还有闪烁检查是否在OnPaint外部比如在OnTimer里进行了绘制操作这会导致和系统绘制的冲突。可能原因粒子数量太多每帧绘制耗时过长。可以用QueryPerformanceCounter测量一下Update和Render函数的耗时。如果一帧超过16ms60FPS就会感觉卡顿。优化减少粒子数量。使用对象池减少内存分配。在Render函数中只绘制在屏幕可见区域内的粒子简单的矩形碰撞检测。考虑将渲染逻辑移到单独的线程高级话题需注意线程安全。问题3生成的exe在别的电脑上无法运行提示缺少DLL。排查这就是著名的“DLL地狱”问题。在你自己电脑上能运行是因为安装了Visual Studio包含了开发环境下的运行时库。解决方案二选一静态链接如2.1节所述在项目属性中将“运行时库”从/MDd(Debug) 或/MD(Release) 改为/MTd或/MT。重新编译后exe会变大但不再依赖外部的msvcp140.dll等文件。分发运行时库保持动态链接将对应的Microsoft Visual C Redistributable安装包如vc_redist.x64.exe和你的程序一起打包发给用户并提示安装。从微软官网下载最新的v14版本通常兼容性最好。问题4烟花爆炸后粒子消失得太快或太慢。排查检查CParticle::Update中的deltaTime计算是否正确。deltaTime应该是上一帧到这一帧经过的秒数而不是毫秒数。如果错误地传入了一个很大的数比如毫秒值16粒子运动就会飞快。调试在OnTimer中打印出deltaTime的值正常情况下应该在0.016左右60FPS。如果值异常大或小检查QueryPerformanceCounter和QueryPerformanceFrequency的使用是否正确。问题5随机数生成的烟花形状每次都一样。原因在CFirework的构造函数中使用std::default_random_engine m_randomEngine(time(nullptr))初始化随机数种子。如果在一秒内快速创建多个烟花对象time(nullptr)返回的值可能相同导致种子相同随机序列也就相同。解决使用更高精度的时钟作为种子或者使用静态的随机数引擎。例如// 在CFireworkManager中持有一个全局的随机数引擎 std::default_random_engine GetGlobalRandomEngine() { static std::random_device rd; // 非确定性随机数种子 static std::default_random_engine engine(rd()); return engine; } // 在CFirework构造函数中引用它 CFirework::CFirework(...) : m_randomEngine(GetGlobalRandomEngine()) { ... }实现这个烟花程序的过程就像看着一堆冰冷的代码逐渐绽放出温暖的光彩。从最基础的窗口创建到粒子物理的模拟再到视觉效果的打磨每一步都充满了挑战和乐趣。它让我深刻体会到编程不仅是逻辑和算法更是创造和表达。当你点击鼠标看到自己编写的代码在屏幕上迸发出绚烂的花火时那种成就感是无与伦比的。这个项目麻雀虽小五脏俱全希望这份详细的复盘能帮你少走弯路顺利点亮属于你自己的那一片代码星空。
![[C++]内存管理：串顺序存储的内存回收](http://pic.xiahunao.cn/yaotu/[C++]内存管理：串顺序存储的内存回收)
