c/c++游戏编程之用Easyx绘制图片

c/c++游戏编程之Easyx图形库基础(一) EasyX基础
c/c++游戏编程之Easyx图形库基础(二) 绘制图片
c/c++游戏编程之Easyx图形库基础(三) 用Easyx封装按钮

书接上回！上一节我们在移动图片时看到了“闪烁”现象，那是因为窗口重绘时会用背景色清空窗口，所以一旦重绘比较密集(不信你可以将Sleep的值改小，看看闪烁是不是更加厉害)，就更容易看到“闪烁”。为了解决这个问题我们需要用到双缓冲技术。先简单介绍一下什么是双缓冲，以及它的作用。

程序在绘制内容时，会先把内容绘制到一个内存缓冲区上，然后显示器再读取内存缓冲区的内容并将颜色信息显示出来，但实际情况比较复杂，大体来说就是：
如果只有一个内存缓冲区，就可以理解为是单缓冲，且这个缓冲区是直接关联显示设备的。

如果有两个内存缓冲区，一个作为前台缓冲区，一个作为后台缓冲区，那么情况就不一样了。处理器会在后台缓冲区进行绘制，而显示设备读取前台缓冲区，互不干扰，新的一帧在后台缓冲区绘制完了，再使用交换技术将前台缓冲区和后台缓冲区交换，举个例子就是：以前我的名字叫张三，是个医生，你的名字叫李四，是个律师。现在咱俩交换，我叫李四，你叫张三，我来做律师，你来当医生。这个交换的方法一般是 交换缓冲区指针的值。

双缓冲使我们看不到绘制的过程，即看不到清屏时的"闪烁"。双缓冲还有其他优点，比如充分发挥硬件性能，这里不再介绍。

Easyx使用双缓冲的三个函数:

//这个函数用于开始批量绘图。执行后，任何绘图操作都将暂时不输出到绘图窗口上，
//直到执行 FlushBatchDraw 或 EndBatchDraw 才将之前的绘图输出。
void BeginBatchDraw();// 执行未完成的绘制任务
void FlushBatchDraw();
// 执行指定区域内未完成的绘制任务
void FlushBatchDraw(int left,int top,int right,int bottom
); // 结束批量绘制，并执行未完成的绘制任务
void EndBatchDraw();
// 结束批量绘制，并执行指定区域内未完成的绘制任务
void EndBatchDraw(int left,int top,int right,int bottom
);

为我们之前的代码加上这三个函数：

#include <Windows.h>
#include <graphics.h>
#include <conio.h>int g_imgPosx = 0; //图像x坐标
int g_imgPosy = 0; //图像y坐标//获取并处理键盘输入
void GetKeyInput();int main() {initgraph(640, 480, EW_SHOWCONSOLE); //初始化窗口IMAGE img; //创建图像对象loadimage(&img, _T("images/zombie.png")); //加载图像BeginBatchDraw();while (1) {GetKeyInput();putimage(g_imgPosx, g_imgPosy, &img); //在起始坐标为(0, 0)的位置绘制图像imgFlushBatchDraw();Sleep(100); //程序休眠16毫秒cleardevice(); //16毫秒后清空窗口中的内容}EndBatchDraw();_getch();closegraph(); //关闭窗口return 0;
}void GetKeyInput() {if (GetAsyncKeyState(VK_LEFT) & 0x8000) {g_imgPosx--;}if (GetAsyncKeyState(VK_RIGHT) & 0x8000) {g_imgPosx++;}if (GetAsyncKeyState(VK_UP) & 0x8000) {g_imgPosy--;}if (GetAsyncKeyState(VK_DOWN) & 0x8000) {g_imgPosy++;}
}

运行就会发现，“闪烁”消失了。

图片中僵尸的周围有白色的背景，这显然不是我们想要的效果，我们可以选择贴掩码图和利用三元光栅操作来达到透明背景的效果。
我们先用图像处理软件(如photoshop)将原图处理成掩码图，并将其放在images文件夹里：

分别加载两张图像：

 IMAGE img; //创建图像对象:源图IMAGE imgMask; //创建图像对象:掩码图loadimage(&img, _T("images/zombie.png")); //加载图像loadimage(&imgMask, _T("images/zombie_.png")); //加载图像

在while里将两张图贴在同一位置：

 putimage(g_imgPosx, g_imgPosy, &img, SRCPAINT); //SRCPAINT: 目标图像 = 目标图像 OR 源图像putimage(g_imgPosx, g_imgPosy, &imgMask, SRCAND); //SRCAND：目标图像 = 目标图像 AND 源图像

其中SRCPAINT和SRCAND是三元光栅操作码，详情见Easyx文档。

什么都不贴，窗口是黑的(你可以理解为屏幕就是目标图像，众所周知纯黑的RGB(0, 0, 0))：

无论这个像素是什么颜色，与0做OR(位或)运算，其运算结果依然是这个颜色(即便这个像素是黑色，0位或0还是0)，我们只执行这一句：

putimage(g_imgPosx, g_imgPosy, &img, SRCPAINT);

现在的 目标图像(屏幕) 不全是黑色了，因为之前 SRCPAINT: 目标图像 = 目标图像 OR 源图像 ，再用这个 新的目标图像(屏幕) 与下一个 源图(掩码图) 进行AND(位与)操作，即再执行这一句：

putimage(g_imgPosx, g_imgPosy, &imgMask, SRCAND);

最终背景是透明的了。

绘制每个图像元素需要加载两张图片(原图和掩码图)，致使耗费更多内存，耗费美术资源，在游戏编程中这种贴图方法一般不会被采用。那么我们可以直接使用透明背景的图片吗？答案是可以的。

我们先用win10自带的画图3D制作一张透明背景图heart.png，老规矩，把它放在images文件夹！

再定义透明贴图函数：

//函数声明
void DrawTransparentImage(IMAGE* pImage, //图像对象指针INT32 posx,  //x坐标INT32 posy,  //y坐标INT32 transparency = 255 //透明度，默认为不透明
);//函数定义
void DrawTransparentImage(IMAGE* pImage, INT32 posx, INT32 posy, INT32 transparency) {HDC imgDC = GetImageHDC(pImage); //获取图像设备上下文句柄INT32 w = pImage->getwidth(); //获取图像的宽INT32 h = pImage->getheight(); //获取图像的高// 结构体的第三个成员表示额外的透明度，0 表示全透明，255 表示不透明。BLENDFUNCTION bf = { AC_SRC_OVER, 0, transparency, AC_SRC_ALPHA };// 使用 Windows GDI 函数实现半透明位图AlphaBlend(GetImageHDC(NULL), posx, posy, w, h, imgDC, 0, 0, w, h, bf);
}

使用AlphaBlend函数需要链接库文件：

#pragma comment(lib, "MSIMG32.LIB")

函数DrawTransparentImage的封装屏蔽了一些AlphaBlend的参数，需要扩展功能的同学可以移步MSDN了解AlphaBlend的用法。

创建图像对象imgHeart：

IMAGE imgHeart;

分别以透明度255和透明度120绘制图像heart.png：

 DrawTransparentImage(&imgHeart, 100, 100); //透明度默认为255DrawTransparentImage(&imgHeart, 300, 100, 120); //透明度为120

全部代码：

#include <Windows.h>
#include <graphics.h>
#include <conio.h>
#pragma comment(lib, "MSIMG32.LIB") //for GDI函数 AlphaBlendint g_imgPosx = 0; //图像x坐标
int g_imgPosy = 0; //图像y坐标//获取并处理键盘输入
void GetKeyInput();
//透明贴图
void DrawTransparentImage(IMAGE* pImage, //图像对象指针INT32 posx,  //x坐标INT32 posy,  //y坐标INT32 transparency = 255 //透明度，默认为不透明
);int main() {initgraph(640, 480, EW_SHOWCONSOLE); //初始化窗口IMAGE img; //创建图像对象:原图IMAGE imgMask; //创建图像对象:掩码图IMAGE imgHeart; loadimage(&img, _T("images/zombie.png")); //加载图像loadimage(&imgMask, _T("images/zombie_.png")); //加载图像loadimage(&imgHeart, _T("images/heart.png")); //加载图像BeginBatchDraw();while (1) {GetKeyInput();//使用三元光栅操作码进行透明贴图putimage(g_imgPosx, g_imgPosy, &img, SRCPAINT); //SRCPAINT: 目标图像 = 目标图像 OR 源图像putimage(g_imgPosx, g_imgPosy, &imgMask, SRCAND); //SRCAND：目标图像 = 目标图像 AND 源图像DrawTransparentImage(&imgHeart, 100, 100);DrawTransparentImage(&imgHeart, 300, 100, 120); //透明度为120FlushBatchDraw();Sleep(16); //程序休眠16毫秒cleardevice(); //16毫秒后清空窗口中的内容}EndBatchDraw();_getch();closegraph(); //关闭窗口return 0;
}void GetKeyInput() {if (GetAsyncKeyState(VK_LEFT) & 0x8000) {g_imgPosx--;}if (GetAsyncKeyState(VK_RIGHT) & 0x8000) {g_imgPosx++;}if (GetAsyncKeyState(VK_UP) & 0x8000) {g_imgPosy--;}if (GetAsyncKeyState(VK_DOWN) & 0x8000) {g_imgPosy++;}
}void DrawTransparentImage(IMAGE* pImage, INT32 posx, INT32 posy, INT32 transparency) {HDC imgDC = GetImageHDC(pImage); //获取图像设备上下文句柄INT32 w = pImage->getwidth(); //获取图像的宽INT32 h = pImage->getheight(); //获取图像的高// 结构体的第三个成员表示额外的透明度，0 表示全透明，255 表示不透明。BLENDFUNCTION bf = { AC_SRC_OVER, 0, transparency, AC_SRC_ALPHA };// 使用 Windows GDI 函数实现半透明位图AlphaBlend(GetImageHDC(NULL), posx, posy, w, h, imgDC, 0, 0, w, h, bf);
}

运行效果：

左边的红心是透明度为255的图像，右边的红心是透明度为120的图像。

参考文献：Easyx文档

文章持续更新中！
求点赞、收藏！欢迎在评论区留言，有问必答！
作者水平有限，如果有误，欢迎指正！
编译环境：Visual Studio 2019、Easyx_20220116

c/c++游戏编程之用Easyx绘制图片相关推荐

c/c++游戏编程之用Easyx封装按钮
c/c++游戏编程之Easyx图形库基础(一) EasyX基础 c/c++游戏编程之Easyx图形库基础(二) 绘制图片 c/c++游戏编程之Easyx图形库基础(三) 用Easyx封装按钮文章目录 ...
我的u3d游戏编程之路
因为最近进行求职的缘故,需要一个地方来show自己的所学所用.并非所有的求职网站都有相应的作品展示区域,因此选择了在csdn完成作品的展示.在这里只展示部分在我编程过程中完成的难点问题.有些东西也只是 ...
python之torchlight使用_python游戏编程之pgzero使用介绍
Pgzero是在pygame基础上封装的一个简化版本软件包,使得在python环境下进行游戏编程更加简单.适合于入门学习者. 怎么用开发一款简单的小游戏,我们可能会立刻想到以下几个要素: 1. 创建 ...
球球大作战Java编写_Unity经典游戏编程之：球球大作战
版权声明: 本文原创发布于博客园"优梦创客"的博客空间(网址:http://www.cnblogs.com/raymondking123/)以及微信公众号"优梦创客&qu ...
Unity经典游戏编程之：球球大作战
版权声明: 本文原创发布于博客园"优梦创客"的博客空间(网址:http://www.cnblogs.com/raymondking123/)以及微信公众号"优梦创客&qu ...
Libgdx游戏编程之Touchpad摇杆控制角色行走
先上效果: 以下素材来源网络,人物只有4向行走,遥感的图片就没有打包了,人物行走的用GDX Texture Packer打成atlas文件. 创建touchpad的代码 Touchpad.Touchp ...
canvas动态绘制图片的方法
应用场景在制作html5小游戏时需要使用canvas绘制图片,但是图片是异步加载的,需要发送请求获取数据,这就导致不能在设置src之后直接使用绘制方法,而是需要等待图片加载完成. 加载单张图片使用 ...
java paint的使用_java GUI编程之paint绘制操作示例
本文实例讲述了java GUI编程之paint绘制操作.分享给大家供大家参考,具体如下: import java.awt.*; public class Testpint { public stati ...
少儿编程之Scratch入门
Scratch是 MIT (麻省理工学院) 设计的一套新的程序语言,可以用来创造交互式故事.动画.游戏.音乐等.支持中文界面,方便使用,完全不用背指令,使用积木组合式的程序语言,让学习变得更轻松,并充 ...
看完知乎轮子哥的编程之路，我只想说，收下我的膝盖...
点击上方"Datawhale",选择"星标"公众号第一时间获取价值内容作者:vczh 来源:https://dwz.cn/sWwZoQEl vczh,本名陈 ...

c/c++游戏编程之用Easyx绘制图片

c/c++游戏编程之用Easyx绘制图片相关推荐

最新文章

热门文章