準備

我們首先要在程序中定義一個名為drawPNG的函數，用于輸出png格式圖片并使背景透明

• 引入頭文件(需要提前安裝EasyX)

#include <graphics.h>

• 定義函數 drawPNG

void drawPNG(IMAGE* picture, int picture_x, int picture_y) //x為載入圖片的X坐標，y為Y坐標 {// 變量初始化DWORD* dst = GetImageBuffer(); // GetImageBuffer()函數，用于獲取繪圖設備的顯存指針，EASYX自帶DWORD* draw = GetImageBuffer();DWORD* src = GetImageBuffer(picture); //獲取picture的顯存指針int picture_width = picture->getwidth(); //獲取picture的寬度，EASYX自帶int picture_height = picture->getheight(); //獲取picture的高度，EASYX自帶int graphWidth = getwidth(); //獲取繪圖區的寬度，EASYX自帶int graphHeight = getheight(); //獲取繪圖區的高度，EASYX自帶int dstX = 0; //在顯存里像素的角標// 實現透明貼圖 公式： Cp=αp*FP+(1-αp)*BP ， 貝葉斯定理來進行點顏色的概率計算for (int iy = 0; iy < picture_height; iy++){for (int ix = 0; ix < picture_width; ix++){int srcX = ix + iy * picture_width; //在顯存里像素的角標int sa = ((src[srcX] & 0xff000000) >> 24); //0xAArrggbb;AA是透明度int sr = ((src[srcX] & 0xff0000) >> 16); //獲取RGB里的Rint sg = ((src[srcX] & 0xff00) >> 8); //Gint sb = src[srcX] & 0xff; //Bif (ix >= 0 && ix <= graphWidth && iy >= 0 && iy <= graphHeight && dstX <= graphWidth * graphHeight){dstX = (ix + picture_x) + (iy + picture_y) * graphWidth; //在顯存里像素的角標int dr = ((dst[dstX] & 0xff0000) >> 16);int dg = ((dst[dstX] & 0xff00) >> 8);int db = dst[dstX] & 0xff;draw[dstX] = ((sr * sa / 255 + dr * (255 - sa) / 255) << 16) //公式： Cp=αp*FP+(1-αp)*BP ； αp=sa/255 , FP=sr , BP=dr| ((sg * sa / 255 + dg * (255 - sa) / 255) << 8) //αp=sa/255 , FP=sg , BP=dg| (sb * sa / 255 + db * (255 - sa) / 255); //αp=sa/255 , FP=sb , BP=db}}} }

初始化游戲

創建游戲界面

素材大小

• 通過查看res素材文件夾下的棋盤2.jpg可知，圖片大小為897*895
• 通過圖片大小計算可得一個格子的大小為67.4
• 先記下這些參數，后面對我們開發特別重要

創建窗口

• 首先，定義 float類型常量 BLOCKSIZE，即格子大小

const float BLOCKSIZE = 67.4;

• 然后定義 init() 如下

void init(){initgraph(897,895); //創建897*895大小的窗口，與棋盤2.jpg大小對應loadimage(0,"res/棋盤2.jpg"); //加載圖片到窗口 }

加載音樂

• 引入播放音樂的 頭文件 mmsystem.h

#include <mmsystem.h>

• 加載庫 winmm.lib

#pragma comment(lib,"winmm.lib");

• 繼續在 init() 函數中添加播放 提示語音(res/start.wav) 的語句(注意添加位置)

mciSendString("play res/start.wav",0,0,0); //提示下棋語音

棋子渲染

加載素材

• 定義 IMAGE 類型的全局變量 chessWhite 和 chessBlack

IMAGE chessWhite; //黑棋子變量 IMAGE chessBlack; //白棋子變量

• 在 init() 函數定義中添加加載圖片語句如下(將black.png白棋子素材和white.png黑棋子素材加載到變量)

//長和寬都是BLOCKSIZE，最后一個true參數表示原比例縮放防止圖片被截斷 loadimage(&chessBlack, "res/black.png",BLOCKSIZE,BLOCKSIZE,true); loadimage(&chessWhite, "res/white.png", BLOCKSIZE, BLOCKSIZE, true);

實現渲染

• 定義棋子種類

typedef enum{CHESS_WHITE = -1,CHESS_BLACK = 1 } chess_kind_t;

• 在實現輸出棋子之前我們需要來看幾個數據

• MARGIN_X為上邊界大小，MARGIN_Y為左邊界大小，因此我們定義同名全局常量

const int MARGIN_X = 44; const int MARGIN_Y = 43;const int BOARD_GRAD_SIZE = 13; //13*13棋盤大小

• 之后定義函數 chessDown() 用于打印棋子圖片

void chessDown(int row, int col, chess_kind_t kind){mciSendString("play res/down7.wav",0,0,0); //播放下棋音樂//EasyX是以窗口左上角為坐標原點//定義棋子x橫坐標int x = MARGIN_X + col * BLOCKSIZE - 0.5 * BLOCKSIZE;//定義棋子y縱坐標int y = MARGIN_Y + row * BLOCKSIZE - 0.5 * BLOCKSIZE;//判斷棋子種類并打印if(kind == CHESS_WHITE){drawPNG(&chessWhite,x,y);}else{drawPNG(&chessBlack,x,y);}}

結束

到了這里，我們已經實現了游戲界面的初始化和棋子渲染了，接下來我們就要實現獲取鼠標信息來判斷有效點擊了

總結

以上是生活随笔為你收集整理的C++五子棋(二)——游戏界面与棋子渲染的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。