【SDL游戏编程入门第六卷】Texture纹理加载和Renderer渲染器 (自动处理透明图片如PNG)

最新推荐文章于 2024-04-27 16:23:10 发布
最新推荐文章于 2024-04-27 16:23:10 发布
阅读量692 收藏 1
点赞数
分类专栏： SDL游戏编程入门 文章标签： 游戏 c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50114337/article/details/128257173
版权

在这里插入图片描述

一、前言

最初我们使用的是 SDL_Surface 进行绘图的，这个其实是 SDL1 主要使用的，之后因为各种原因到 SDL2 的时候，就用的不太多了，但还是要了解，有些需求还是需要使用这个进行绘图的

SDL2 的一个主要新增功能是纹理渲染 API。提供了快速、灵活的基于硬件的渲染。

当我们处理需要的 SDL 纹理时，将其渲染到屏幕上的 SDL_Renderer，所以还需要使用 渲染器

接下来介绍如何使用 渲染器 进行渲染，以及 加载纹理

二、使用渲染器

/**
 * @brief 启动 SDL 并创建窗口
 */
bool Init()
{
	// 初始化 SDL
	if (SDL_Init(SDL_INIT_VIDEO) < 0)
	{
		std::cout << "[Error]: SDL could not initialize! SDL_Error: " << SDL_GetError() << std::endl;
		return false;
	}
	else
	{
		// 设置纹理线性过滤
		if (!SDL_SetHint(SDL_HINT_RENDER_SCALE_QUALITY, "1"))
			std::cout << "[Warning]: Linear texture filtering not enabled!" << std::endl;

		// 创建窗口
		gWindow = SDL_CreateWindow("HelloSDL", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN);
		if (!gWindow)
		{
			std::cout << "[Error]: Window could not be created! SDL_Error: " << SDL_GetError() << std::endl;
			return false;
		}
		else
		{
			// 创建窗口渲染器
			gRenderer = SDL_CreateRenderer(gWindow, -1, SDL_RENDERER_ACCELERATED);  // -1 初始化支持所请求标志的第一个
			if (!gRenderer)
			{
				std::cout << "[Error]: Renderer could not bo created! SDL_Error: " << SDL_GetError() << std::endl;
				return false;
			}
			else
			{
				// 初始化渲染器绘制颜色（蓝色）
				SDL_SetRenderDrawColor(gRenderer, 51, 76, 204, 255);

				// 初始化 PNG 加载
				int imgFlags = IMG_INIT_PNG;
				if (!(IMG_Init(imgFlags) & imgFlags))
				{
					std::cout << "[Error]: SDL_image could not initialize! SDL_image Error: " << IMG_GetError() << std::endl;
					return false;
				}
			}
		}
	}
	return true;
}

这里在创建窗口，设置位置时更换了参数，使用的是 SDL_WINDOWPOS_CENTERED，会出现在中心，
这里 X，Y 轴都设置成了中心位置

创建窗口后，我们必须为窗口创建一个渲染器，以便我们可以在其上渲染纹理。幸运的是，这可以通过调用 SDL_CreateRenderer 轻松完成，这里创建时使用了 SDL_RENDERER_ACCELERATED 加速渲染模式。

创建渲染器后，我们希望使用 SDL_SetRenderDrawColor 初始化渲染颜色。这控制用于各种渲染操作的颜色。

// 销毁窗口渲染器
if (gRenderer)
{
    SDL_DestroyRenderer(gRenderer);
    gRenderer = nullptr;
}

注意：创建渲染器后，在程序结束前要释放资源

补充：
注意到这里使用了 SDL_SetHint 设置了纹理线性过滤的属性，这个官方文档上也能查阅到
✨参考文档
✨配置属性变量

// --- rendering -----------------------------------------------------------------------
// 清屏
SDL_RenderClear(gRenderer);

SDL_Rect dstRect{ gTexturePosX, gTexturePosY, 256, 256 };
// 渲染纹理（复制纹理到指定渲染器）
SDL_RenderCopy(gRenderer, gTexture, nullptr, &dstRect);
// 更新屏幕
SDL_RenderPresent(gRenderer);

在事件循环之后的主循环中，我们调用 SDL_RenderClear。此功能使用上次用 SDL_SetRenderDrawColor 设置的颜色填充屏幕。

清除屏幕后，我们用 SDL_RenderCopy 渲染纹理。若目标矩形即最后一个参数为 nullptr，纹理将被拉伸以填充给定的矩形。

渲染纹理后，我们仍然必须 更新屏幕，但由于我们不使用 SDL_Surfaces 进行渲染，因此无法使用 SDL_UpdateWindowSurface。相反，我们必须使用 SDL_RenderPresent。

现在，有一个名为 IMG_LoadTexture 的新 API 调用。您可以在 官方文档 或 SDL_image 头文件中找到它。它允许您加载纹理而无需创建临时表面，这里已经花了很多篇幅，感兴趣的伙伴可以自己先试一试。

三、加载纹理

bool Init();								// 启动 SDL 并创建窗口
bool LoadMedia();							// 加载媒体
SDL_Texture* LoadTexture(const char* path);	// 加载纹理
void Close();								// 清理资源，关闭窗口以及SDL

SDL_Window* gWindow = nullptr;				// 主窗口
SDL_Renderer* gRenderer = nullptr;			// 主窗口渲染器

SDL_Texture* gTexture = nullptr;			// 需要加载的纹理（表面）

SDL 中的纹理有自己的数据类型，直观地称为 SDL_Texture。当我们处理需要的 SDL 纹理时，将其渲染到屏幕上的 SDL_Renderer，这就是我们声明一个名为 “gRenderer” 的全局渲染器的原因。

正如你所看到的，我们有一个新的图像加载例程，其中包含 LoadTexture 和一个我们将要加载的全局声明的纹理。

/**
 * @brief 加载纹理
 * @param path：资源路径
 */
SDL_Texture* LoadTexture(const char* path)
{
	// 最终纹理
	SDL_Texture* newTexture = nullptr;
	SDL_Surface* loadedSurface = IMG_Load(path);
	if (!loadedSurface)
		std::cout << "[Error]: Unable to load image " << path << " SDL Error: " << SDL_GetError() << std::endl;
	else
	{
		// 利用表面创建纹理
		newTexture = SDL_CreateTextureFromSurface(gRenderer, loadedSurface);
		if (!newTexture)
			std::cout << "[Error]: Unable to create Texture from" << path << " SDL_Error: " << SDL_GetError() << std::endl;
		// 释放表面
		SDL_FreeSurface(loadedSurface);
	}
	// 返回最终优化的资源
	return newTexture;
}

我们的纹理加载函数看起来与以前大致相同，只是现在不是将加载的表面转换为显示格式，而是从加载的表面创建纹理 使用 SDL_CreateTextureFromSurface。同样记得释放不使用的表面资源。

// 清理纹理资源
if (gTexture)
{
    SDL_DestroyTexture(gTexture);
    gTexture = nullptr;
}

由于纹理加载是使用我们的图像加载函数抽象的，因此 LoadMedia() 函数的工作方式与以前几乎相同。

在我们的清理函数中，我们必须记住使用 SDL_DestroyTexture 来释放我们的纹理。

四、示例代码

/* 此源代码版权归 AnnihilateSword (2022-*)所有，未经书面许可不得转载。*/

// 使用 SDL 和 iostream
#include <SDL.h>
#include <SDL_image.h>
#include <iostream>

// 链接库
#pragma comment(lib, "SDL2.lib")
#pragma comment(lib, "SDL2main.lib")
#pragma comment(lib, "SDL2_image.lib")

// 屏幕尺寸常量
const int SCREEN_WIDTH = 640;
const int SCREEN_HEIGHT = 480;

bool Init();								// 启动 SDL 并创建窗口
bool LoadMedia();							// 加载媒体
SDL_Texture* LoadTexture(const char* path);	// 加载纹理
void Close();								// 清理资源，关闭窗口以及SDL

SDL_Window* gWindow = nullptr;				// 主窗口
SDL_Renderer* gRenderer = nullptr;			// 主窗口渲染器

SDL_Texture* gTexture = nullptr;			// 需要加载的纹理（表面）

// 控制纹理坐标
int gTexturePosX = 100;						// 纹理 X 坐标
int gTexturePosY = 100;						// 纹理 Y 坐标
int gTextureMovementSpeed = 20;				// 纹理移动速度

int main(int argc, char* argv[])			// 必须要填写此参数，不然会出现链接错误
{
	// 初始化 SDL
	if (Init())
	{
		// 加载媒体资源
		if (!LoadMedia())
			std::cout << "[Error]: Failed to load media!" << std::endl;
		
		// 窗口循环
		SDL_Event e;
		bool quit = false;
		while (quit == false)
		{
			// 处理事件
			while (SDL_PollEvent(&e))
			{
				if (e.type == SDL_QUIT)
					quit = true;
				else if (e.type == SDL_KEYDOWN)  // 处理按键按下事件
				{
					switch (e.key.keysym.sym)
					{  // 按键移动纹理坐标位置
					case SDLK_w: gTexturePosY -= gTextureMovementSpeed; break;
					case SDLK_s: gTexturePosY += gTextureMovementSpeed; break;
					case SDLK_a: gTexturePosX -= gTextureMovementSpeed; break;
					case SDLK_d: gTexturePosX += gTextureMovementSpeed; break;
					}
				}
			}

			// --- rendering -----------------------------------------------------------------------
			// 清屏
			SDL_RenderClear(gRenderer);

			SDL_Rect dstRect{ gTexturePosX, gTexturePosY, 256, 256 };
			// 渲染纹理（复制纹理到指定渲染器）
			SDL_RenderCopy(gRenderer, gTexture, nullptr, &dstRect);
			// 更新屏幕
			SDL_RenderPresent(gRenderer);
		}
	}
	// 清理资源
	Close();
	return 0;
}

/**
 * @brief 启动 SDL 并创建窗口
 */
bool Init()
{
	// 初始化 SDL
	if (SDL_Init(SDL_INIT_VIDEO) < 0)
	{
		std::cout << "[Error]: SDL could not initialize! SDL_Error: " << SDL_GetError() << std::endl;
		return false;
	}
	else
	{
		// 设置纹理线性过滤
		if (!SDL_SetHint(SDL_HINT_RENDER_SCALE_QUALITY, "1"))
			std::cout << "[Warning]: Linear texture filtering not enabled!" << std::endl;

		// 创建窗口
		gWindow = SDL_CreateWindow("HelloSDL", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN);
		if (!gWindow)
		{
			std::cout << "[Error]: Window could not be created! SDL_Error: " << SDL_GetError() << std::endl;
			return false;
		}
		else
		{
			// 创建窗口渲染器
			gRenderer = SDL_CreateRenderer(gWindow, -1, SDL_RENDERER_ACCELERATED);  // -1 初始化支持所请求标志的第一个
			if (!gRenderer)
			{
				std::cout << "[Error]: Renderer could not bo created! SDL_Error: " << SDL_GetError() << std::endl;
				return false;
			}
			else
			{
				// 初始化渲染器绘制颜色（蓝色）
				SDL_SetRenderDrawColor(gRenderer, 51, 76, 204, 255);

				// 初始化 PNG 加载
				int imgFlags = IMG_INIT_PNG;
				if (!(IMG_Init(imgFlags) & imgFlags))
				{
					std::cout << "[Error]: SDL_image could not initialize! SDL_image Error: " << IMG_GetError() << std::endl;
					return false;
				}
			}
		}
	}
	return true;
}

/**
 * @brief 加载媒体
 */
bool LoadMedia()
{
	gTexture = LoadTexture(R"(res\textures\awesomeface.png)");
	if (!gTexture)
	{
		std::cout << "[Error]: Failed to load texture!" << std::endl;
		return false;
	}
	return true;
}

/**
 * @brief 加载纹理
 * @param path：资源路径
 */
SDL_Texture* LoadTexture(const char* path)
{
	// 最终纹理
	SDL_Texture* newTexture = nullptr;
	SDL_Surface* loadedSurface = IMG_Load(path);
	if (!loadedSurface)
		std::cout << "[Error]: Unable to load image " << path << " SDL Error: " << SDL_GetError() << std::endl;
	else
	{
		// 利用表面创建纹理
		newTexture = SDL_CreateTextureFromSurface(gRenderer, loadedSurface);
		if (!newTexture)
			std::cout << "[Error]: Unable to create Texture from" << path << " SDL_Error: " << SDL_GetError() << std::endl;
		// 释放表面
		SDL_FreeSurface(loadedSurface);
	}
	// 返回最终优化的资源
	return newTexture;
}

/**
 * @brief 清理资源，关闭窗口以及SDL
 */
void Close()
{
	// 清理纹理资源
	if (gTexture)
	{
		SDL_DestroyTexture(gTexture);
		gTexture = nullptr;
	}
	// 销毁窗口渲染器
	if (gRenderer)
	{
		SDL_DestroyRenderer(gRenderer);
		gRenderer = nullptr;
	}
	// 销毁窗口
	if (gWindow)
	{
		SDL_DestroyWindow(gWindow);
		gWindow = nullptr;
	}
	// 退出 IMG 和 SDL
	IMG_Quit();
	SDL_Quit();
}

1. 运行结果

可以看到跟上一卷不一样了，实现了透明效果，SDL_Texture 和 渲染器帮我们处理了

2. 【优化纹理加载】

优化前，要写的代码

SDL_Texture* LoadTexture(const char* path)
{
	// 最终纹理
	SDL_Texture* newTexture = nullptr;
	SDL_Surface* loadedSurface = IMG_Load(path);
	if (!loadedSurface)
		std::cout << "[Error]: Unable to load image " << path << " SDL Error: " << SDL_GetError() << std::endl;
	else
	{
		// 利用表面创建纹理
		newTexture = SDL_CreateTextureFromSurface(gRenderer, loadedSurface);
		if (!newTexture)
			std::cout << "[Error]: Unable to create Texture from" << path << " SDL_Error: " << SDL_GetError() << std::endl;
		// 释放表面
		SDL_FreeSurface(loadedSurface);
	}
	// 返回最终优化的资源
	return newTexture;
}

这里因为 SDL2 的改动，可以直接使用 IMG_LoadTexture 一步到位，推荐直接使用这函数

SDL_Texture* LoadTexture(const char* path)
{
	// 使用这个一步到位
	return IMG_LoadTexture(gRenderer, path);
}



本节内容就到这里了，下卷会继续分享 SDL 的基本使用

The End.

「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SDL中文教程 - 游戏编程入门
03-09
SDL是一个跨平台的多媒体库，它通过OpenGL和2D视频帧缓冲，提供了针对音频、视频、键盘、鼠标、控制杆及3D硬件的低级别的访问接口。它在MPEG播放软件、模拟器以及许多游戏中得到广泛的应用，其中包含了获得大奖的...
SDL-2.0.6-11541.zip_debian sdl驱动_sdl_sdl图形渲染_sdl游戏开发pdf
09-20
sdl图形渲染，适用于多媒体、游戏、图形显示开发
SDL开发笔记（三）：使用SDL渲染窗口颜色和图片
热门推荐
长沙创微智能科技官方博客
09-16 3万+
若该文为原创文章，未经允许不得转载 原博主博客地址：https://blog.csdn.net/qq21497936 原博主博客导航：https://blog.csdn.net/qq21497936/article/details/102478062 本文章博客地址：https://blog.csdn.net/qq21497936/article/details/108602694 红胖子(红模仿)的博文大全：开发技术集合（包含Qt实用技术、树莓派、三维、OpenCV、OpenGL、ffmpeg、OSG、单
SDL基础使用02（加载bmp图片、纹理和渲染）
ShiXiAoLaNga的博客
03-03 643
【代码】SDL基础使用02（加载bmp图片、纹理和渲染）
SDL2常用函数SDL创建渲染器:SDL_CreateRenderer | SDL_DestroyRenderer
最新发布
萧阳个人博客
04-27 321
SDL2常用函数SDL创建渲染器:SDL_CreateRenderer | SDL_DestroyRenderer
SDL2笔记03_使用SDL_Renderer在SDL_Texture上画矩形01
马角的逆袭的博客
08-22 436
clion新建项目，并编写代码main.cpp #include <iostream> #include "SDL.h" #include "SDL_image.h" void drawMyRect(SDL_Renderer *sdlRenderer, SDL_Texture *sdlTexture, SDL_Rect &rect) {// SDL_Texture填充透明色（没有生效） SDL_SetRenderDrawBlendMode(sdlRenderer,..
SDL 开发实战（五）： SDL 纹理渲染
weixin_30292843的博客
03-03 304
本文我们讲一下如何使用SDL_Texture将视频纹理渲染出来。 １. SDL 视频渲染相关对象 SDL 视频渲染主要涉及到四个对象：SDL_Window、SDL_Render、SDL_Texture和SDL_Surface。 SDL_Window代表的是窗口的逻辑概念，它是存放在主内存中的一个对象。当我们调用SDL API 创建窗口后，它并不会被显示出来。 SDL_Render...
记录 SDL硬件渲染（AVFrame）
周小哥的博客
10-28 1381
记录一下SDL方式来渲染的图片的操作。SDL是跨平台的多媒体开发库，封装了不同系统中复杂的底层渲染细节，提供了统一的接口，极大提升了开发效率。音视频开发肯定离不开FFmpeg，而FFmpeg解码后的图像数据一般都是包含AVFrame中（yuv420p格式）。所以对于解码后的AVFrame数据，直接调用SDL相关接口即可实现图像显示，简单便捷。。
SDL2笔记06_SDL2透明背景窗口_windows10_使用cairo和sdl_texture在透明背景上绘制（偏色）
马角的逆袭的博客
08-28 917
这篇git提供了简单的cairo绘制到sdlTexture上的方法 https://gist.github.com/sprae/607305450c51ccc482b78bdadadb9af6链接 第一步：windows将SDL_Window背景设为透明，可直接调用windowColorKey代码 COLORREF defaultTransparentColor = RGB(255, 0, 255); bool windowColorKey(SDL_Window *window, ..
SDL-渲染纹理
mytzs123的博客
01-13 399
//Loads individual image as texture SDL_Texture* loadTexture( std::string path ); //The window we'll be rendering to SDL_Window* gWindow = NULL; //The window renderer SDL_Renderer* gRenderer = NULL; //Current displayed texture SDL_Texture* gTexture = N.
SDL.rar_2D_2d 游戏_SDL粒子渲染_sdl_易语言udt
09-19
是一款2d游戏引擎，用了他可以轻松的进行2d游戏编程。
qt整合ffmpeg实现点击按钮调用sdl2实现纹理渲染随机出现的方块
04-20
qt整合ffmpeg实现点击按钮调用sdl2实现纹理渲染随机出现的方块
一个小示例，展示了如何在 SDL2游戏项目中加载和渲染平铺地图_C++_代码_下载
06-23
如何在 SDL2 游戏中加载和渲染平铺地图 此存储库的唯一重点是演示如何在 SDL2 中加载和呈现平铺地图。其余的代码是一个快速而肮脏的设置，用于支持 Tiled 关卡加载功能，不应使用或视为 SDL2 的良好游戏设计。 ...
『SDL』SDL_Window、SDL_Renderer、SDL_Texture、SDL_Surface简单程序
fallenink的专栏
07-02 3278
支持多种普片格式的加载，可选用SDL_Image库（依赖于SDL和一些其他第三方）。 #include "SDL.h" int _tmain(int argc, _TCHAR* argv[]) { SDL_Window *myWindow = NULL; SDL_Renderer *myRenderer = NULL; SDL_Texture *myTexture = NULL,
SDL Game Development-第2章-5.实现纹理管理器Texture Manager
Zhu_H_L的专栏
02-18 1825
1.创建TextureManager.h //首先是load()方法，用来根据文件名装载纹理 bool load(std::string fileName, std::string id, SDL_Renderer* pRenderer); //三个参数：文件名，字串ID，渲染器指针 2.创建绘制draw()和绘制帧drawFrame()方法 //draw()方法，根据ID识别纹理，x,y
SDL_Texture与SDL_Renderer示例
konga的专栏
04-02 3679
#include #include #include SDL_Window * window; SDL_Renderer * renderer; SDL_Texture * texture; SDL_Rect rectSrc; SDL_Rect rectDest; int main(int argc, char * argv[]) { if(SDL_Init(SDL_INIT_VI
SDL2常用函数&结构分析:SDL_Texture&SDL_CreateTexture&SDL_UpdateTexture
SuperLi
05-10 4501
SDL_Texture SDL_Texture是计算机图形图像中，如何在屏幕上显示图像的一个数据的抽象。中文也已翻译为纹理。这种概念在OpenGL中也有出现。对于SDL_Texture本身来说，它包含了显示驱动用于显示的特定数据结构。 SDL_Texture的创建一半通过SDL_CreateTexture创建，创建一次后，可以重复使用，通过SDL_UpdateTexture函数更新数据。 SDL_...
SDL_Texture 对象的使用方法
杂七杂八
10-27 3091
前两篇博客，说明了如何获取 bmp,png 图像数据内容,然后在SDL 中逐像素绘制出来. bmp格式由于比较简单，采用的是自己读文件，把图像数据拷贝出来的形式; png格式比较复杂，用 libpng ，获取图像数据 最终都是把图像数据放到 一段连续的,自己 new unsigned char[xxx] 的一段内存里。 然后,逐像素调用 SDL_RenderDrawPoint(
SDL2 Render、Surface、Texture概念
GBEDC的博客
03-21 2472
SDL2仍然有SDL_Surface，但如果可能的话，您需要的是新的SDL_Texture，Surface现在总是在系统RAM中，并且总是由CPU操作，所以我们想摆脱它。它适用于简单的2D游戏，但最值得注意的是，它旨在将所有软件渲染到视频RAM和GPU中。即使你只想使用它将软件渲染器的工作显示在屏幕上，它也带来了一些非常好的好处：如果可能的话，它将在幕后使用OpenGL或Direct3D，这意味着你可以自由获得更快的blits、 a working Steam Overlay和缩放。
播放库新增了SDL渲染模式，因此无法使用之前的opengl绘制文字的方式，需要使用SDL和ttf库绘制文字。
07-20
这段代码演示了如何使用SDL和ttf库加载字体文件、创建文本表面和纹理，以及在渲染器上绘制文本。您可以根据自己的需求进行修改和扩展。 请注意，您需要将代码中的"path/to/font.ttf"替换为您实际使用的字体文件路径...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值