从零开始：用EGE图形库打造你的第一个数字华容道游戏
数字华容道作为经典的逻辑解谜游戏，不仅能锻炼思维能力，更是学习图形编程的绝佳练手项目。今天我们就用EGE（Easy Graphics Engine）这个轻量级图形库，从零开始构建一个完整的数字华容道游戏。整个过程不需要复杂的游戏引擎，只需基础的C++知识和一点耐心，你就能看到自己的图形程序在屏幕上活起来。
1. 环境准备与EGE基础
1.1 配置开发环境
首先确保你的Dev-C++已经正确安装了EGE图形库。如果还没安装，可以按照以下步骤操作：
- 从EGE官网下载最新版本库文件
- 将include文件夹中的内容复制到Dev-C++的MinGW64/include目录
- 将lib文件夹中的静态库文件复制到MinGW64/lib目录
- 在编译器选项中添加链接参数：
-lgraphics -lgdiplus -luuid -lmsimg32 -lgdi32 -limm32 -lole32 -loleaut32 -lwinmm
测试安装是否成功，可以运行以下简单程序：
#include <graphics.h> int main() { initgraph(640, 480); circle(320, 240, 100); getch(); closegraph(); return 0; }1.2 EGE绘图基础概念
EGE采用了类似传统BGI图形库的编程模式，几个核心概念需要掌握：
- 绘图上下文：通过
PIMAGE类型管理，默认是屏幕缓冲区 - 坐标系统：左上角为原点(0,0)，x向右增加，y向下增加
- 颜色表示：使用
color_t类型，可以用RGB()宏或16进制表示 - 双缓冲机制：通过
delay_fps()函数控制帧率，避免画面闪烁
关键绘图函数速查表：
| 函数 | 功能 | 示例 |
|---|---|---|
initgraph() | 初始化图形窗口 | initgraph(800, 600) |
setcolor() | 设置绘图颜色 | setcolor(WHITE) |
rectangle() | 绘制矩形 | rectangle(100,100,200,200) |
fillrect() | 绘制填充矩形 | fillrect(100,100,200,200) |
outtextxy() | 在指定位置输出文字 | outtextxy(150,150,"Hello") |
2. 游戏框架设计
2.1 游戏数据结构
数字华容道的核心是一个N×N的拼图矩阵。我们使用二维数组表示游戏状态：
const int SIZE = 4; // 4x4拼图 int board[SIZE][SIZE]; // 拼图数据 int emptyRow, emptyCol; // 空白块位置初始化函数负责打乱拼图：
void initBoard() { // 初始化有序排列 for(int i=0; i<SIZE; i++) for(int j=0; j<SIZE; j++) board[i][j] = i*SIZE + j + 1; board[SIZE-1][SIZE-1] = 0; // 空白块 emptyRow = emptyCol = SIZE-1; // 随机打乱 srand(time(NULL)); for(int i=0; i<1000; i++) { moveTile(rand()%4); // 随机移动 } }2.2 游戏主循环架构
典型的游戏循环包含三个主要阶段：
- 输入处理：检测键盘或鼠标输入
- 游戏逻辑更新：根据输入更新游戏状态
- 画面渲染：将当前状态绘制到屏幕
while(!gameOver) { processInput(); // 处理用户输入 updateGame(); // 更新游戏逻辑 renderScene(); // 绘制当前画面 delay_fps(60); // 控制帧率 }3. 核心功能实现
3.1 方块移动逻辑
移动逻辑是游戏的核心，需要处理四种方向的移动：
bool moveTile(int direction) { int newRow = emptyRow, newCol = emptyCol; // 计算目标位置 switch(direction) { case 0: newRow--; break; // 上 case 1: newRow++; break; // 下 case 2: newCol--; break; // 左 case 3: newCol++; break; // 右 } // 检查边界 if(newRow<0 || newRow>=SIZE || newCol<0 || newCol>=SIZE) return false; // 交换方块 board[emptyRow][emptyCol] = board[newRow][newCol]; board[newRow][newCol] = 0; emptyRow = newRow; emptyCol = newCol; return true; }3.2 游戏界面绘制
使用EGE的绘图函数创建美观的游戏界面：
void drawBoard() { cleardevice(); // 清屏 // 绘制背景 setfillcolor(EGERGB(50, 50, 80)); bar(0, 0, 640, 480); // 绘制每个方块 for(int i=0; i<SIZE; i++) { for(int j=0; j<SIZE; j++) { if(board[i][j] == 0) continue; // 空白块 int x = j * 100 + 120; int y = i * 100 + 60; // 方块背景 setfillcolor(EGERGB(100, 150, 200)); fillroundrect(x, y, x+80, y+80, 10, 10); // 方块数字 setcolor(WHITE); setfont(30, 0, "Arial"); char text[10]; sprintf(text, "%d", board[i][j]); outtextxy(x+35, y+30, text); } } // 绘制操作提示 setcolor(WHITE); setfont(20, 0, "Arial"); outtextxy(50, 450, "方向键移动 R重置 ESC退出"); }3.3 胜利条件检测
每次移动后检查是否完成拼图：
bool checkWin() { for(int i=0; i<SIZE; i++) { for(int j=0; j<SIZE; j++) { if(i == SIZE-1 && j == SIZE-1) { if(board[i][j] != 0) return false; } else { if(board[i][j] != i*SIZE + j + 1) return false; } } } return true; }4. 高级功能扩展
4.1 添加动画效果
让方块移动更平滑，增加过渡动画：
void animateMove(int fromX, int fromY, int toX, int toY) { const int steps = 10; int dx = (toX - fromX) / steps; int dy = (toY - fromY) / steps; for(int i=0; i<steps; i++) { cleardevice(); drawBoard(); // 重绘背景 // 绘制移动中的方块 int x = fromX + dx*i; int y = fromY + dy*i; setfillcolor(EGERGB(100, 150, 200)); fillroundrect(x, y, x+80, y+80, 10, 10); setcolor(WHITE); char text[10]; sprintf(text, "%d", board[emptyRow][emptyCol]); outtextxy(x+35, y+30, text); delay_ms(20); } }4.2 添加音效和计时功能
使用EGE的多媒体功能增强游戏体验：
// 在游戏初始化时加载音效 void initGame() { // ...其他初始化... MCI_Open("move.wav", "move"); MCI_Open("win.wav", "win"); startTime = time(NULL); } // 移动时播放音效 bool moveTile(int direction) { // ...移动逻辑... if(moved) MCI_Play("move"); return moved; } // 显示游戏时间 void drawTime() { int elapsed = time(NULL) - startTime; char timeText[50]; sprintf(timeText, "时间: %02d:%02d", elapsed/60, elapsed%60); outtextxy(500, 450, timeText); }4.3 难度选择和存档功能
增加游戏的可玩性：
// 难度选择界面 void showDifficultyMenu() { // 绘制菜单选项 setfillcolor(EGERGB(70, 70, 100)); fillrect(200, 150, 440, 330); setcolor(WHITE); setfont(30, 0, "Arial"); outtextxy(250, 180, "选择难度"); setfont(20, 0, "Arial"); outtextxy(250, 230, "1. 简单 (3x3)"); outtextxy(250, 260, "2. 中等 (4x4)"); outtextxy(250, 290, "3. 困难 (5x5)"); // 等待选择 while(true) { if(kbhit()) { int key = getch(); if(key == '1') { SIZE = 3; break; } if(key == '2') { SIZE = 4; break; } if(key == '3') { SIZE = 5; break; } } delay_ms(50); } } // 保存游戏状态 void saveGame() { FILE *fp = fopen("save.dat", "wb"); if(fp) { fwrite(board, sizeof(int), SIZE*SIZE, fp); fwrite(&emptyRow, sizeof(int), 1, fp); fwrite(&emptyCol, sizeof(int), 1, fp); fclose(fp); } }5. 完整代码整合
将所有模块组合成完整游戏：
#include <graphics.h> #include <stdio.h> #include <stdlib.h> #include <time.h> int SIZE = 4; int board[5][5]; // 最大支持5x5 int emptyRow, emptyCol; time_t startTime; // 前面定义的所有函数... int main() { showDifficultyMenu(); initBoard(); initgraph(640, 480); startTime = time(NULL); bool running = true; while(running) { // 处理输入 if(kbhit()) { int key = getch(); switch(key) { case 75: moveTile(2); break; // 左 case 77: moveTile(3); break; // 右 case 72: moveTile(0); break; // 上 case 80: moveTile(1); break; // 下 case 'r': initBoard(); break; // 重置 case 27: running = false; break; // ESC退出 case 's': saveGame(); break; // 存档 case 'l': loadGame(); break; // 读档 } if(checkWin()) { drawWinScreen(); getch(); initBoard(); } } // 绘制 drawBoard(); drawTime(); delay_fps(60); } closegraph(); return 0; }6. 常见问题与调试技巧
开发过程中可能会遇到的一些典型问题：
图形窗口不显示：
- 检查EGE库是否正确安装
- 确认链接参数是否完整
- 尝试以管理员身份运行程序
方块移动逻辑错误：
- 在移动函数中添加调试输出
- 使用
xyprintf()在屏幕上显示当前游戏状态 - 检查边界条件是否正确处理
画面闪烁问题：
- 确保使用了
delay_fps()控制帧率 - 考虑使用双缓冲技术
- 减少不必要的重绘操作
- 确保使用了
性能优化建议：
- 只在需要时重绘画面
- 预计算不变的元素
- 避免在循环中频繁创建/销毁对象
调试技巧：在开发过程中，可以临时添加
outtextxy()输出变量值，或者使用getch()暂停程序检查中间状态。
