【SDL游戏编程入门第五卷】优化加载表面+扩展库+加载其他图片格式 (PNG)

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

请添加图片描述

一、前言

在这里，我们先介绍优化加载表面，然后将使用 SDL_image 扩展库来加载 png 图像。

二、优化加载表面

1. 问题

加载位图时，它通常以 24 位格式加载，因为大多数位图都是 24 位。默认情况下，大多数（如果不是全部）现代显示器不是 24 位。如果我们对图像进行 位块传输 这是 24 位到 32 位图像，SDL 每次对图像进行分组传输时都会将其转换。

2. 优化

因此，当加载图像时，我们要做的是将其转换为与屏幕相同的格式，因此无需在 blit 上进行转换。这可以通过 SDL_ConvertSurface 轻松完成。我们所要做的就是传入我们要用屏幕格式转换的表面。

请务必注意，SDL_ConvertSurface 会以新格式返回原始副本。此调用后，原始加载的图像仍在内存中。这意味着我们必须 释放原始加载的图面，否则内存中将有同一图像的两个副本。

加载并转换图像后，我们返回最终优化的图像。

3. 示例代码

/**
 * @brief 加载单个图像
 * @param path：资源路径
 */
SDL_Surface* LoadSurface(const char* path)
{
	// 最终优化的资源
	SDL_Surface* optimizedSurface = nullptr;

	SDL_Surface* loadedSurface = SDL_LoadBMP(path);
	if (!loadedSurface)
		std::cout << "[Error]: Unable to load image " << path << " SDL Error: " << SDL_GetError() << std::endl;
	else
	{
		optimizedSurface = SDL_ConvertSurface(loadedSurface, gWindowSurface->format, 0);
		if (!optimizedSurface)
			std::cout << "[Error]: Unable to optimize image " << path << " SDL_Error: " << SDL_GetError() << std::endl;
		// 释放未优化的表面
		SDL_FreeSurface(loadedSurface);
	}
	// 返回最终优化的资源
	return optimizedSurface;
}

三、SDL_image 扩展库

配置方式和配置 SDL 基本类似，下面是官网链接，都在 Github 上可以找到

✨SDL_image

记得将动态库放在可执行文件目录或项目目录下

依赖项跟配置 SDL 一样

四、加载 PNG 图片

现在我们导入了 SDL_image 库，接下来就可以加载 PNG 图片了

本节使用素材

这里我还是将链接库卸载源码中

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

这里还需要 初始化 PNG 加载，使用 IMG_Init，它会返回所有当前初始化的标志。

下面用到了 IMG_Init(imgFlags) & imgFlags，其实就是判断是否相等，也可以使用其他方法，这里是看个人习惯

之后注意顺序改变，因为优化加载表面时需要窗口关联的表面，所以需要先获取窗口表面，再加载资源

✨SDL_image API文档

// 初始化 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;
}
else
{
	// 获取窗口关联的表面
	gWindowSurface = SDL_GetWindowSurface(gWindow);
	if (!gWindowSurface)
		return false;
	else
	{
		// 加载媒体资源
		if (!LoadMedia())
		{
			std::cout << "[Error]: Failed to load Media!" << std::endl;
			return false;
		}
	}
}

代码如下：

/**
 * @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
	{
		// 创建窗口
		gWindow = SDL_CreateWindow("HelloSDL", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN);
		if (!gWindow)
		{
			std::cout << "[Error]: Window could not be created! SDL_Error: " << SDL_GetError() << std::endl;
		}
		else
		{
			// 初始化 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;
			}
			else
			{
				// 获取窗口关联的表面
				gWindowSurface = SDL_GetWindowSurface(gWindow);
				if (!gWindowSurface)
					return false;
				else
				{
					// 加载媒体资源
					if (!LoadMedia())
					{
						std::cout << "[Error]: Failed to load Media!" << std::endl;
						return false;
					}
				}
			}
		}
	}
	return true;
}

在 LoadSurface 函数中，使用 IMG_Load

SDL_Surface* loadedSurface = IMG_Load(path);

1. 示例代码

/* 此源代码版权归 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_Surface* LoadSurface(const char* path); // 加载单个图像
void Close();								// 清理资源，关闭窗口以及SDL

SDL_Window* gWindow = nullptr;				// 主窗口
SDL_Surface* gWindowSurface = nullptr;		// 主窗口关联的表面

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

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

int main(int argc, char* argv[])			// 必须要填写此参数，不然会出现链接错误
{
	// 初始化 SDL
	if (Init())
	{
		// 窗口循环
		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_FillRect(gWindowSurface, nullptr, SDL_MapRGB(gWindowSurface->format, 51, 76, 204));
			// 应用纹理
			SDL_Rect dstRect{ gTexturePosX, gTexturePosY, 256, 256 };
			// SDL_BlitSurface(gTexture, nullptr, gWindowSurface, &dstRect);  // 不缩放
			SDL_BlitScaled(gTexture, nullptr, gWindowSurface, &dstRect);

			// 更新表面
			SDL_UpdateWindowSurface(gWindow);
		}
	}
	// 清理资源
	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
	{
		// 创建窗口
		gWindow = SDL_CreateWindow("HelloSDL", SDL_WINDOWPOS_UNDEFINED, SDL_WINDOWPOS_UNDEFINED, SCREEN_WIDTH, SCREEN_HEIGHT, SDL_WINDOW_SHOWN);
		if (!gWindow)
		{
			std::cout << "[Error]: Window could not be created! SDL_Error: " << SDL_GetError() << std::endl;
		}
		else
		{
			// 初始化 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;
			}
			else
			{
				// 获取窗口关联的表面
				gWindowSurface = SDL_GetWindowSurface(gWindow);
				if (!gWindowSurface)
					return false;
				else
				{
					// 加载媒体资源
					if (!LoadMedia())
					{
						std::cout << "[Error]: Failed to load Media!" << std::endl;
						return false;
					}
				}
			}
		}
	}
	return true;
}

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

/**
 * @brief 加载单个图像
 * @param path：资源路径
 */
SDL_Surface* LoadSurface(const char* path)
{
	// 最终优化的资源
	SDL_Surface* optimizedSurface = nullptr;
	
	SDL_Surface* loadedSurface = IMG_Load(path);
	if (!loadedSurface)
		std::cout << "[Error]: Unable to load image " << path << " SDL Error: " << SDL_GetError() << std::endl;
	else
	{
		optimizedSurface = SDL_ConvertSurface(loadedSurface, gWindowSurface->format, 0);
		if (!optimizedSurface)
			std::cout << "[Error]: Unable to optimize image " << path << " SDL_Error: " << SDL_GetError() << std::endl;
		// 释放未优化的表面
		SDL_FreeSurface(loadedSurface);
	}
	// 返回最终优化的资源
	return optimizedSurface;
}

/**
 * @brief 清理资源，关闭窗口以及SDL
 */
void Close()
{
	if (gTexture)
	{
		// 清理纹理资源
		SDL_FreeSurface(gTexture);
		gTexture = nullptr;
	}

	// 销毁窗口
	SDL_DestroyWindow(gWindow);
	// 退出 IMG 和 SDL
	IMG_Quit();
	SDL_Quit();
}

注意 IMG_Quit()

✨参考文档
这应该是释放所有其他资源后在SDL_image中调用的最后一个函数。这将卸载它用于各种编解码器的任何共享库。

2. 运行结果

但是有没有注意到，这张图片其实是有透明度的，本卷并未讲到如何去加载透明图片，考虑到篇幅，打算作为一个单独的模块介绍加载透明图片的问题



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

The End.

「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SDL2.0 扣色(PNG图片重叠)
06-22
两张png图片叠加在一起,使用SDL让前景色透明
PinGUI：C ++ SDL2OpenGL GUI库
02-04
**PinGUI：C++ SDL2 OpenGL GUI库** PinGUI是一个基于C++的图形用户界面（GUI）库，它利用了SDL2（Simple DirectMedia Layer）和OpenGL这两个强大的库来实现高效的渲染和交互功能。该库的目标是为开发者提供一个...
用 SDL2 加载PNG平铺背景并显示前景
weixin_30722589的博客
06-05 275
上一篇中加载的是BMP，这次可以引用 SDL2_image.lib，加载更多格式的图像。 LoadImage函数做了改动，区别在于不用将surface转换成texture了。 环境：SDL2 + VC++2015 下面的代码将打开background.png和image.png，将background平铺背景，将image作为前景呈现。 1 #include <stdexce...
SDL(2)-加载图片
最新发布
yunxiaobaobei的博客
04-16 845
由于默认的SDL库只能加载BMP格式的图片，如果需要加载png等其他格式的图片，需要下载一个扩展库。5.使用SDL_BlitSurface将加载的bmp surface拷贝到窗口的surface。2. 使用IMG_Load加载png图片（之前使用SDL_LoadBMP加载BMP）3.使用SDL_GetWindowSurface获取创建窗口的surface。4.使用SDL_LoadBMP加载一张BMP图片。1.使用SDL_init初始化SDL库。9.使用SDL_Quit释放SDL库。
SDL学习二（显示png图片）
u011269801的专栏
05-10 2499
// SDLSample.cpp : 定义控制台应用程序的入口点。//#include "stdafx.h"#include "SDL_image.h"#include "SDL.h"#include &lt;stdexcept&gt;#include &lt;string&gt;#include &lt;iostream&gt;#include "SDL.h"#include &
SDL - 加载图像
qq_28809149的博客
05-08 191
#include <stdio.h> #include "SDL.h" #include "SDL_test_images.h" #pragma comment(lib, "SDL2main.lib") #pragma comment(lib, "SDL2.lib") #pragma comment(lib, "SDL2test.lib") #define WIDTH 800 #define HEIGHT 600 int main() { if (SDL_Init(SDL_INIT_E.
sdl任务.rar_双人对战版_用C+SDL库写的俄罗斯方块小游戏
09-21
《C++与SDL库构建的双人对战俄罗斯方块游戏详解》 在计算机编程领域，游戏开发是一项挑战性极高的工作，它涉及到图形界面、逻辑处理、用户交互等多个方面。本文将深入探讨一个使用C++语言和SDL库编写的双人对战版...
SDL中文教程 - 游戏编程入门
03-09
SDL是一个跨平台的多媒体库，它通过OpenGL和2D视频帧缓冲，提供了针对音频、视频、键盘、鼠标、控制杆及3D硬件的低级别的访问接口。它在MPEG播放软件、模拟器以及许多游戏中得到广泛的应用，其中包含了获得大奖的...
guisan：基于guichan的C ++ SDL2用户界面库
02-04
SDL2 GUI构造工具包 Guisan从Guichan分支出来，创建了一个与SDL 2.0.0+兼容的简单GUI构造工具包。 特征： 静态链接到您的应用程序以减少运行时要求 小但有效 生成要求： 坏话 运行时要求： SDL 2.0以上 SDL2_...
【新手入门】利用SDL库+C语言编写俄罗斯方块小游戏小实践
06-14
基础太差，现在重新学习...因为训练要求，要学习SDL库的使用，编写个SDL+俄罗斯方块小游戏。转眼一周多，小白终于写出来了。以下是一些体会。感觉还是好好学习，多撸代码才是正道。 借鉴了挺多前辈的经验【纯个人手码】
ffmpeg2.6+sdl2.0音视频同步简单播放器(同步需要更改和优化)
06-01
vs2013工程，基于最新的ffmpeg2.6 和 SDL2.0 开发的简单音视频播放器，同步问题有待大改动，参考：http://www.cnblogs.com/Bonker/p/3998836.html
SDL_第二课 优化表面的加载和Blit
计算机图形编程
05-17 899
SDL中文教程：http://tjumyk.github.io/sdl-tutorial-cn/contents.html 第er课：http://tjumyk.github.io/sdl-tutorial-cn/lessons/lesson02/index.html
SDL系列教程——加载图片(转)
ton666的专栏
01-19 2356
SDL系列教程（四）：显示一幅图象作者：akinggw 在上两篇教程中，我们学习了什么是SDL和SDL的配置。在这一章中，我们将学习如何将一幅图象显示到屏幕上。首先，按照我前面所说的方法建立一个SDL的项目，然后开始下面的内容。大家先想一下，我们画图时应该怎样做。首先，我们需要一个载体，也就是我们要把图画到哪里？我们可以画到墙壁上，画到纸上，等等任何可以画的地方。而我们在屏幕上做画
SDL第二课画面的载入和位图传输的优化
SDL C OpenGL学习的专栏
07-02 1763
SDL第二课画面的载入和位图传输的优化
SDL2入门教程（05_Optimized Surface Loading and Soft Stretching）
qq_31024569的博客
09-28 1384
注： 本教程翻译自 lazyfoo的教程，可能语言不准确，本翻译仅供参考，建议对比阅读。 优化Surface加载以及软拉伸直到现在我们的代码都仅仅是按原生大小显示图片而已。因为我们一次展示一张图像，这样做没什么问题。但当你制作游戏的时候，这样做会导致不必要的减速(needless slowdown)。现在我们将要把图像转为更加优化的格式以加快速度.
【SDL游戏编程入门第三卷】加载并缩放BMP图片
AnnihilateSword 的博客
12-09 408
本节介绍如何加载 BMP 图片，并且实现缩放效果然后代码在上一小节的基础上稍微封装了一下，但是考虑到并不是真正的项目，所以并不会弄的太复杂，我们还是以解释每个功能以及效果的实现为主。
使用SDL2显示一张图片
从事厨房信息化行业，万能对接所有点餐系统，kds，智能控菜，酒店协调软件
09-16 491
显而易见，从绘图哲学的角度看，SDL/OpenGL/Direct3D所采用的绘图方式,显然更适合3D类绘图、动画的加速，那么这种技术对平面绘图，比如就是单纯的视频播放，是如何加速的呢？这两类系统往往不是独立存在的，比如举例说一个视频播放器，播放器的窗口界面、菜单、文件打开等界面和操作，都是由界面管理器比如Windows上的MFC或者Mac上的Cocoa来完成的，到真正视频播放的环节，在窗口中给定的区域，则是由SDL、OpenGL、Direct3D出马，完成视频的逐帧绘制的功能。
SDL-优化图像适应窗口
mytzs123的博客
01-13 327
Since we were only showing one image, it didn't matter. When you're making a game, blitting images raw causes needless slow down. We'll be converting them to an optimized format to speed them up. SDL 2 also has a new feature for SDL surfaces called soft s.
SDL编程入门（5）Surface 优化和软拉伸
编程之路的专栏
09-18 1348
Surface 优化和软拉伸 到现在为止，我们一直都是将我们的图像原始地融合在一起。因为我们只显示一张图片，所以这并不重要。当你在做游戏的时候，原始图像会导致不必要的减速。我们将把它们转换为优化的格式来加快它们的速度。 SDL2还为SDL表面提供了一个新的功能，叫做软拉伸，它允许你将图像按比例放大到不同的尺寸进行blit。在本教程中，我们将把一张只有屏幕一半大小的图像拉伸到全尺寸。 SDL_Surface* loadSurface( std::string path ){ //最终优化后的图像 SDL_
提升游戏编程基础：从Hello SDL到SDL2实战教程
6. **Lesson 06: Extension Libraries and Loading Other Image Formats** - 最后，扩展至使用SDL_image等外部库，以支持更多图像格式，增强游戏素材的多样性和兼容性。 通过这些课程，读者不仅会掌握基本的游戏...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值