【SDL游戏编程入门第十一卷】设置纹理颜色和透明度

「已注销」

于 2022-12-10 22:03:18 发布

阅读量354

点赞数

分类专栏： SDL游戏编程入门文章标签：游戏 c++

本文链接：https://blog.csdn.net/weixin_50114337/article/details/128269847

版权

SDL游戏编程入门专栏收录该内容

19 篇文章 15 订阅

订阅专栏

请添加图片描述

一、前言

这一节比较简单，介绍一下如何设置纹理颜色和透明度

主要使用两个函数，可以去官网文档看看，应该很好使用，这里也给出例子

SDL_SetTextureColorMod ✨参考链接

SDL_SetTextureAlphaMod ✨参考链接

二、设置纹理颜色和透明度

本卷使用纹理资源

本卷在上一卷的基础上在 纹理类 中添加了两个函数

// 设置纹理颜色
void SetColor(Uint8 r, Uint8 g, Uint8 b)
{
    SDL_SetTextureColorMod(m_Texture, r, g, b);
}

// 设置纹理透明度
void SetAlpha(Uint8 alpha)
{
    SDL_SetTextureAlphaMod(m_Texture, alpha);
}

用按键 qwe 控制 rgb 上升，asd 控制 rgb 下降，用 o 控制透明度上升，L（大小写都无所谓）控制透明度下降

Uint8 r = 255;
Uint8 g = 255;
Uint8 b = 255;
Uint8 a = 255;

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_q: r += 15; break;
            case SDLK_w: g += 15; break;
            case SDLK_e: b += 15; break;
            case SDLK_a: r -= 15; break;
            case SDLK_s: g -= 15; break;
            case SDLK_d: b -= 15; break;
            case SDLK_o: a += 15; break;
            case SDLK_l: a -= 15; break;
            }
        }
    }

    // --- rendering -----------------------------------------------------------------------
    // 设置渲染器绘制颜色（黑色）
    SDL_SetRenderDrawColor(gRenderer, 0, 0, 0, 255);
    // 清屏
    SDL_RenderClear(gRenderer);

    // 调整纹理颜色
    gTexture->SetColor(r, g, b);
    // 调整纹理透明度
    gTexture->SetAlpha(a);
    // 渲染纹理
    gTexture->Render(0, 0);

    // 更新屏幕
    SDL_RenderPresent(gRenderer);
}

三、示例代码

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

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

// 链接库
#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();							// 加载媒体
void Close();								// 清理资源，关闭窗口以及SDL

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

// 纹理类
class Texture
{
private:
	int m_Width;
	int m_Height;
	SDL_Texture* m_Texture;
public:
	Texture(const char* path, int width = SCREEN_WIDTH, int height = SCREEN_HEIGHT, bool enableColorKey = false, Uint8 r = 0, Uint8 g = 0, Uint8 b = 0)
		: m_Width(width), m_Height(height)
	{
		SDL_Surface* loadedSurface = IMG_Load(path);
		if (enableColorKey)  // 颜色键控
			SDL_SetColorKey(loadedSurface, SDL_TRUE, SDL_MapRGB(loadedSurface->format, r, g, b));
		m_Texture = SDL_CreateTextureFromSurface(gRenderer, loadedSurface);  // 加载纹理
		if (!m_Texture)
			std::cout << "[Error]: Unable to create texture from" << path << " SDL_Error: " << SDL_GetError() << std::endl;
		SDL_FreeSurface(loadedSurface);
	}

	~Texture()
	{
		if (m_Texture)
		{
			SDL_DestroyTexture(m_Texture);
			m_Texture = nullptr;
		}
	}

	// 设置纹理颜色
	void SetColor(Uint8 r, Uint8 g, Uint8 b)
	{
		SDL_SetTextureColorMod(m_Texture, r, g, b);
	}

	// 设置纹理透明度
	void SetAlpha(Uint8 alpha)
	{
		SDL_SetTextureAlphaMod(m_Texture, alpha);
	}

	// 设置混合模式
	void SetBlendMode(SDL_BlendMode blendMode)
	{
		SDL_SetTextureBlendMode(m_Texture, blendMode);
	}

	// 渲染纹理
	inline void Render(int x, int y, SDL_Rect* clip = nullptr)
	{
		SDL_Rect dstRect{ x, y, m_Width, m_Height };

		if (clip)
		{
			dstRect.w = clip->w;
			dstRect.h = clip->h;
		}

		SDL_RenderCopy(gRenderer, m_Texture, clip, &dstRect);
	}

	inline int GetWidth() const { return m_Width; }
	inline int GetHeight() const { return m_Height; }
};

std::unique_ptr<Texture> gTexture;	// 纹理

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;

		Uint8 r = 255;
		Uint8 g = 255;
		Uint8 b = 255;
		Uint8 a = 255;

		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_q: r += 15; break;
					case SDLK_w: g += 15; break;
					case SDLK_e: b += 15; break;
					case SDLK_a: r -= 15; break;
					case SDLK_s: g -= 15; break;
					case SDLK_d: b -= 15; break;
					case SDLK_o: a += 15; break;
					case SDLK_l: a -= 15; break;
					}
				}
			}

			// --- rendering -----------------------------------------------------------------------
			// 设置渲染器绘制颜色（黑色）
			SDL_SetRenderDrawColor(gRenderer, 0, 0, 0, 255);
			// 清屏
			SDL_RenderClear(gRenderer);

			// 调整纹理颜色
			gTexture->SetColor(r, g, b);
			// 调整纹理透明度
			gTexture->SetAlpha(a);
			// 渲染纹理
			gTexture->Render(0, 0);

			// 更新屏幕
			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 = std::make_unique<Texture>(R"(res\textures\full.png)");
	gTexture->SetBlendMode(SDL_BLENDMODE_BLEND);  // 设置标准混合

	return true;
}

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