DEV-C++ ege.h库 绘图实战：从零构建简易数字华容道
1. 初识ege.h图形库
第一次接触ege.h是在大学计算机图形学课上，当时老师让我们用这个库完成一个简单的绘图作业。说实话，刚开始看到那些函数名和参数时，我完全摸不着头脑。但经过几次实践后发现，这个库其实特别适合像我这样的编程新手入门图形开发。
ege.h全称Easy Graphics Engine，是专门为C++初学者设计的图形库。它最大的特点就是简单易用，不需要复杂的Windows API知识就能绘制各种图形。相比传统的BGI库，ege.h不仅保留了简单易用的特点，还增加了很多现代图形功能，比如透明色处理、图像滤镜等。
安装ege.h其实很简单。如果你使用的是Dev-C++，只需要把下载的库文件复制到编译器对应的include和lib目录下就行。记得在项目属性里添加必要的链接库参数：-lgraphics -lgdiplus -luuid -lmsimg32。我第一次安装时漏掉了这个步骤，结果编译总是报错，折腾了好久才发现问题所在。
2. 搭建数字华容道框架
要开发数字华容道游戏，首先得规划好整体框架。我习惯先画出游戏界面的草图：一个4x4的方格，里面放着1-15的数字块和一个空白块。用ege.h实现这个界面，主要会用到以下几个核心函数：
#include <graphics.h> #include <ege.h> using namespace ege; int main() { initgraph(600, 600); // 创建600x600的绘图窗口 setbkcolor(WHITE); // 设置背景色为白色 cleardevice(); // 清屏 // 游戏主循环 for (; is_run(); delay_fps(60)) { // 绘制代码将放在这里 } closegraph(); // 关闭图形窗口 return 0; }这里有几个关键点需要注意：
- initgraph创建窗口时，我特意设置了600x600的大小，这样计算每个方块位置时会比较方便
- setbkcolor和cleardevice配合使用可以确保每次刷新时都有干净的背景
- is_run()和delay_fps(60)的组合实现了60帧的稳定刷新率
3. 绘制游戏棋盘
棋盘是华容道的核心视觉元素。我决定用深灰色绘制棋盘边框，浅灰色填充棋盘内部。通过rectangle和fillrect函数的组合，可以轻松实现这个效果：
// 在游戏主循环内添加 setfillcolor(EGERGB(200, 200, 200)); // 浅灰色填充 setcolor(EGERGB(80, 80, 80)); // 深灰色边框 fillrect(100, 100, 400, 400); // 填充主棋盘 rectangle(100, 100, 400, 400); // 绘制边框 // 绘制网格线 for (int i = 1; i < 4; ++i) { line(100 + i*100, 100, 100 + i*100, 400); // 竖线 line(100, 100 + i*100, 400, 100 + i*100); // 横线 }这里我特意使用了EGERGB宏来定义颜色，相比直接使用WHITE、BLACK这样的预定义颜色，EGERGB可以更灵活地调配颜色。绘制网格线时，通过简单的循环就能画出整齐的3x3网格，把整个棋盘分成16个格子。
4. 实现数字方块
数字方块需要能显示数字，并且要有明显的视觉区分。我决定用蓝色填充方块，白色显示数字：
// 定义方块结构体 struct Block { int number; int x, y; // 在棋盘上的逻辑位置 }; // 初始化方块数组 Block blocks[16]; for (int i = 0; i < 15; ++i) { blocks[i].number = i + 1; blocks[i].x = i % 4; blocks[i].y = i / 4; } blocks[15].number = 0; // 空白块 blocks[15].x = 3; blocks[15].y = 3; // 绘制方块函数 void drawBlock(const Block& block) { if (block.number == 0) return; // 空白块不绘制 int screenX = 100 + block.x * 100; int screenY = 100 + block.y * 100; setfillcolor(EGERGB(100, 150, 255)); // 蓝色填充 setcolor(EGERGB(0, 0, 100)); // 深蓝色边框 fillrect(screenX + 5, screenY + 5, screenX + 95, screenY + 95); rectangle(screenX + 5, screenY + 5, screenX + 95, screenY + 95); setfont(40, 0, "Arial"); setcolor(WHITE); char numStr[3]; sprintf(numStr, "%d", block.number); outtextxy(screenX + 40, screenY + 30, numStr); }这里有几个设计细节值得注意：
- 方块四周留了5像素的边距，这样看起来不会太拥挤
- 使用sprintf把数字转为字符串，再用outtextxy输出
- 空白块(number=0)不做绘制，这样棋盘背景就会透出来
5. 添加交互功能
没有交互的华容道只是个静态图片。我们需要让玩家能用鼠标点击移动方块。实现这个功能需要处理鼠标消息：
// 在游戏主循环中添加鼠标处理 while (mousemsg()) { mouse_msg msg = getmouse(); if (msg.is_left() && msg.is_down()) { // 获取点击位置 int clickX = msg.x; int clickY = msg.y; // 转换为逻辑坐标 int gridX = (clickX - 100) / 100; int gridY = (clickY - 100) / 100; // 检查点击是否在有效范围内 if (gridX >= 0 && gridX < 4 && gridY >= 0 && gridY < 4) { // 查找被点击的方块 int clickedIndex = -1; for (int i = 0; i < 16; ++i) { if (blocks[i].x == gridX && blocks[i].y == gridY) { clickedIndex = i; break; } } // 检查是否可以移动 if (clickedIndex != -1 && canMove(clickedIndex)) { // 移动方块 moveBlock(clickedIndex); } } } }canMove和moveBlock函数需要额外实现：
bool canMove(int index) { // 检查上下左右是否有空白块 int x = blocks[index].x; int y = blocks[index].y; // 检查左边 if (x > 0 && blocks[findBlock(x-1, y)].number == 0) return true; // 检查右边 if (x < 3 && blocks[findBlock(x+1, y)].number == 0) return true; // 检查上边 if (y > 0 && blocks[findBlock(x, y-1)].number == 0) return true; // 检查下边 if (y < 3 && blocks[findBlock(x, y+1)].number == 0) return true; return false; } void moveBlock(int index) { // 找到相邻的空白块 int x = blocks[index].x; int y = blocks[index].y; int blankIndex = -1; // 检查四个方向 if (x > 0 && blocks[findBlock(x-1, y)].number == 0) blankIndex = findBlock(x-1, y); else if (x < 3 && blocks[findBlock(x+1, y)].number == 0) blankIndex = findBlock(x+1, y); else if (y > 0 && blocks[findBlock(x, y-1)].number == 0) blankIndex = findBlock(x, y-1); else if (y < 3 && blocks[findBlock(x, y+1)].number == 0) blankIndex = findBlock(x, y+1); if (blankIndex != -1) { // 交换位置 std::swap(blocks[index].x, blocks[blankIndex].x); std::swap(blocks[index].y, blocks[blankIndex].y); } } int findBlock(int x, int y) { for (int i = 0; i < 16; ++i) { if (blocks[i].x == x && blocks[i].y == y) { return i; } } return -1; }6. 游戏逻辑完善
一个完整的华容道还需要洗牌功能和胜利判断。洗牌可以通过随机移动来实现：
void shuffleBlocks() { // 先找到空白块 int blankIndex = findBlock(3, 3); // 随机移动若干次 srand(gettime()); for (int i = 0; i < 1000; ++i) { // 获取空白块的相邻方块 std::vector<int> neighbors; int x = blocks[blankIndex].x; int y = blocks[blankIndex].y; if (x > 0) neighbors.push_back(findBlock(x-1, y)); if (x < 3) neighbors.push_back(findBlock(x+1, y)); if (y > 0) neighbors.push_back(findBlock(x, y-1)); if (y < 3) neighbors.push_back(findBlock(x, y+1)); // 随机选择一个相邻方块交换 if (!neighbors.empty()) { int randomIndex = rand() % neighbors.size(); std::swap(blocks[blankIndex].x, blocks[neighbors[randomIndex]].x); std::swap(blocks[blankIndex].y, blocks[neighbors[randomIndex]].y); blankIndex = neighbors[randomIndex]; } } }胜利判断则只需要检查所有方块是否按顺序排列：
bool checkWin() { for (int i = 0; i < 15; ++i) { if (blocks[i].x != i % 4 || blocks[i].y != i / 4) { return false; } } return true; }在游戏主循环中可以添加胜利检测：
if (checkWin()) { setfont(50, 0, "Arial"); setcolor(RED); outtextxy(150, 450, "You Win!"); getch(); // 等待按键 break; // 退出游戏循环 }7. 性能优化与细节完善
为了让游戏体验更好，我做了几个优化：
- 双缓冲防止闪烁：ege.h默认使用双缓冲，但为了确保流畅，可以显式调用：
setrendermode(RENDER_MANUAL); // 手动控制渲染然后在每帧绘制完成后调用：
delay_fps(60); // 这个函数内部会自动处理双缓冲交换- 添加音效：ege.h支持播放WAV音效。可以在移动方块时添加音效：
void playMoveSound() { static PSOUND pSound = NULL; if (pSound == NULL) { pSound = newSound("move.wav"); } playSound(pSound); }- 添加动画效果：让方块移动时有平滑的动画：
// 修改moveBlock函数 void moveBlock(int index) { // ... 找到blankIndex ... if (blankIndex != -1) { // 记录原始位置 int startX = blocks[index].x; int startY = blocks[index].y; int endX = blocks[blankIndex].x; int endY = blocks[blankIndex].y; // 交换逻辑位置 std::swap(blocks[index].x, blocks[blankIndex].x); std::swap(blocks[index].y, blocks[blankIndex].y); // 动画效果 for (int step = 0; step < 10; ++step) { cleardevice(); // 临时修改绘制位置 int tempX = startX * 100 + (endX - startX) * step * 10; int tempY = startY * 100 + (endY - startY) * step * 10; // 绘制所有方块 for (int i = 0; i < 16; ++i) { if (i == index) { // 正在移动的方块 int screenX = 100 + tempX; int screenY = 100 + tempY; // ... 绘制代码 ... } else { // 其他方块正常绘制 drawBlock(blocks[i]); } } delay_ms(20); } } }- 添加游戏菜单：在游戏开始前显示简单的菜单：
void showMenu() { setbkcolor(WHITE); cleardevice(); setfont(50, 0, "Arial"); setcolor(BLUE); outtextxy(150, 100, "数字华容道"); setfont(30, 0, "Arial"); setcolor(BLACK); outtextxy(200, 250, "按任意键开始游戏"); getch(); }然后在main函数中调用：
int main() { initgraph(600, 600); showMenu(); // ... 游戏主代码 ... }