【c++|SDL】二、读取图片、显示图片、动画制作

已于 2023-11-28 11:36:47 修改
阅读量420 收藏 1
点赞数 6
分类专栏： C++ 文章标签： c++ ffmpeg 开发语言
于 2023-11-28 11:22:48 首次发布
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/weixin_39190382/article/details/134663219
版权

every blog every motto: You can do more than you think.
https://blog.csdn.net/weixin_39190382?type=blog

0. 前言

读取图片，显示图片，动画

SDL中有两种在屏幕上显示的方法

  • SDL_Surface: 使用软件渲染处理
  • SDL_Texture: 使用硬件加速渲染处理

1. 在界面上显示图片

修改Game.h

#ifndef __Game__
#define __Game__

#include <SDL2/SDL.h>
class Game
{

public:
    Game() {};
    ~Game() {};
    // simply set the running variable to true
    bool init(const char* title, int xpos, int ypos,int width, int height, bool fullscreen);
    void render();
    void update();
    void handleEvents();
    void clean();
    // a function to access the private running variable
    bool running() { return m_bRunning; }
private:
    bool m_bRunning;
    // SDL_Window* m_pWindow;
    // SDL_Renderer* m_pRenderer;

    SDL_Window* m_pWindow;
    SDL_Renderer* m_pRenderer;
    SDL_Texture* m_pTexture; // the new SDL_Texture variable
    SDL_Rect m_sourceRectangle; // the first rectangle
    SDL_Rect m_destinationRectangle; // another rectangle
};

#endif /* defined(__Game__) */

修改Game.cpp

修改其中的init和render函数

#include "Game.h"
#include <iostream>

using namespace std;

bool Game::init(const char* title, int xpos, int ypos, int width, int height, bool fullscreen)
{   
    int flags = 0;
    if (fullscreen)
    {
        flags = SDL_WINDOW_FULLSCREEN;
    }
    // attempt to initialize SDL
    if(SDL_Init(SDL_INIT_EVERYTHING) == 0)
    {
        std::cout << "SDL init success\n";
        // init the window
        m_pWindow = SDL_CreateWindow(title, xpos, ypos, width, height, flags);
        if(m_pWindow != 0) // window init success
        {
            std::cout << "window creation success\n";
            m_pRenderer = SDL_CreateRenderer(m_pWindow, -1, 0);
            if(m_pRenderer != 0) // renderer init success
            {
                std::cout << "renderer creation success\n";
                SDL_SetRenderDrawColor(m_pRenderer,255,255,255,255);
            }
            else
            {
                std::cout << "renderer init fail\n";
                return false; // renderer init fail
            }
        }
        else
        {
            std::cout << "window init fail\n";
            return false; // window init fail
        }
    }
    else
    {
        std::cout << "SDL init fail\n";
        return false; // SDL init fail
    }
    std::cout << "init success\n";

    SDL_Surface* pTempSurface = SDL_LoadBMP("assets/rider.bmp");
    m_pTexture = SDL_CreateTextureFromSurface(m_pRenderer, pTempSurface);
    SDL_FreeSurface(pTempSurface);

    SDL_QueryTexture(m_pTexture, NULL, NULL,&m_sourceRectangle.w,&m_sourceRectangle.h); // 获取长宽

    m_destinationRectangle.x = m_sourceRectangle.x = 0;
    m_destinationRectangle.y = m_sourceRectangle.y = 0;
    m_destinationRectangle.w = m_sourceRectangle.w;
    m_destinationRectangle.h = m_sourceRectangle.h;

    m_bRunning = true; // everything inited successfully, start the main loop
    return true;
}

void Game::render()
{
    SDL_RenderClear(m_pRenderer); // clear the renderer to the draw color
    SDL_RenderCopy(m_pRenderer, m_pTexture,&m_sourceRectangle,&m_destinationRectangle);
    SDL_RenderPresent(m_pRenderer); // draw to the screen
}


void Game::handleEvents()
{
    SDL_Event event;
    if(SDL_PollEvent(&event))
    {
        switch (event.type)
    {
        case SDL_QUIT:
            m_bRunning = false;
        break;

        default:
        break;
    }
    }
}

void Game::clean()
{
    std::cout << "cleaning game\n";
    SDL_DestroyWindow(m_pWindow);
    SDL_DestroyRenderer(m_pRenderer);
    SDL_Quit();
}

void Game::update()
{

}

在这里插入图片描述

2. 显示位置和范围

修改m_sourceRectangle和m_destinationRectangle
具体在Game.cpp SDL_QueryTexture代码下面

Game.cpp init函数代码如下，其他代码相同

bool Game::init(const char* title, int xpos, int ypos, int width, int height, bool fullscreen)
{   
    int flags = 0;
    if (fullscreen)
    {
        flags = SDL_WINDOW_FULLSCREEN;
    }
    // attempt to initialize SDL
    if(SDL_Init(SDL_INIT_EVERYTHING) == 0)
    {
        std::cout << "SDL init success\n";
        // init the window
        m_pWindow = SDL_CreateWindow(title, xpos, ypos, width, height, flags);
        if(m_pWindow != 0) // window init success
        {
            std::cout << "window creation success\n";
            m_pRenderer = SDL_CreateRenderer(m_pWindow, -1, 0);
            if(m_pRenderer != 0) // renderer init success
            {
                std::cout << "renderer creation success\n";
                SDL_SetRenderDrawColor(m_pRenderer,255,255,255,255);
            }
            else
            {
                std::cout << "renderer init fail\n";
                return false; // renderer init fail
            }
        }
        else
        {
            std::cout << "window init fail\n";
            return false; // window init fail
        }
    }
    else
    {
        std::cout << "SDL init fail\n";
        return false; // SDL init fail
    }
    std::cout << "init success\n";

    SDL_Surface* pTempSurface = SDL_LoadBMP("assets/rider.bmp");
    m_pTexture = SDL_CreateTextureFromSurface(m_pRenderer, pTempSurface);
    SDL_FreeSurface(pTempSurface);

    SDL_QueryTexture(m_pTexture, NULL, NULL,&m_sourceRectangle.w,&m_sourceRectangle.h); // 获取长宽

    m_sourceRectangle.w = 50;
    m_sourceRectangle.h = 50;
    m_destinationRectangle.x = 100;
    m_destinationRectangle.y = 100;

    m_sourceRectangle.x = 50;
    m_sourceRectangle.y = 50;
    
    // m_destinationRectangle.x = m_sourceRectangle.x = 0;
    // m_destinationRectangle.y = m_sourceRectangle.y = 0;
    m_destinationRectangle.w = m_sourceRectangle.w;
    m_destinationRectangle.h = m_sourceRectangle.h;

    m_bRunning = true; // everything inited successfully, start the main loop
    return true;
}

在这里插入图片描述

3. 动图

有多帧图片，每100ms显示其中一张，可以让图片动起来
在这里插入图片描述

#include "Game.h"
#include <iostream>

using namespace std;

bool Game::init(const char* title, int xpos, int ypos, int width, int height, bool fullscreen)
{   
    int flags = 0;
    if (fullscreen)
    {
        flags = SDL_WINDOW_FULLSCREEN;
    }
    // attempt to initialize SDL
    if(SDL_Init(SDL_INIT_EVERYTHING) == 0)
    {
        std::cout << "SDL init success\n";
        // init the window
        m_pWindow = SDL_CreateWindow(title, xpos, ypos, width, height, flags);
        if(m_pWindow != 0) // window init success
        {
            std::cout << "window creation success\n";
            m_pRenderer = SDL_CreateRenderer(m_pWindow, -1, 0);
            if(m_pRenderer != 0) // renderer init success
            {
                std::cout << "renderer creation success\n";
                SDL_SetRenderDrawColor(m_pRenderer,255,255,255,255);
            }
            else
            {
                std::cout << "renderer init fail\n";
                return false; // renderer init fail
            }
        }
        else
        {
            std::cout << "window init fail\n";
            return false; // window init fail
        }
    }
    else
    {
        std::cout << "SDL init fail\n";
        return false; // SDL init fail
    }
    std::cout << "init success\n";

    // SDL_Surface* pTempSurface = SDL_LoadBMP("assets/rider.bmp");
    SDL_Surface* pTempSurface = SDL_LoadBMP("assets/animate.bmp");
    m_pTexture = SDL_CreateTextureFromSurface(m_pRenderer, pTempSurface);
    SDL_FreeSurface(pTempSurface);

    SDL_QueryTexture(m_pTexture, NULL, NULL,&m_sourceRectangle.w,&m_sourceRectangle.h); // 获取长宽

    m_sourceRectangle.x = 0;
    m_sourceRectangle.y = 0;
    m_sourceRectangle.w = 128;
    m_sourceRectangle.h = 82;

    m_destinationRectangle.x = 0;
    m_destinationRectangle.y = 0;

    
    // m_destinationRectangle.x = m_sourceRectangle.x = 0;
    // m_destinationRectangle.y = m_sourceRectangle.y = 0;
    m_destinationRectangle.w = m_sourceRectangle.w;
    m_destinationRectangle.h = m_sourceRectangle.h;

    m_bRunning = true; // everything inited successfully, start the main loop
    return true;
}

void Game::render()
{
    SDL_RenderClear(m_pRenderer); // clear the renderer to the draw color
    // SDL_RenderCopy(m_pRenderer, m_pTexture,0,0);
    SDL_RenderCopy(m_pRenderer, m_pTexture,&m_sourceRectangle,&m_destinationRectangle);
    SDL_RenderPresent(m_pRenderer); // draw to the screen
}


void Game::handleEvents()
{
    SDL_Event event;
    if(SDL_PollEvent(&event))
    {
        switch (event.type)
    {
        case SDL_QUIT:
            m_bRunning = false;
        break;

        default:
        break;
    }
    }
}

void Game::clean()
{
    std::cout << "cleaning game\n";
    SDL_DestroyWindow(m_pWindow);
    SDL_DestroyRenderer(m_pRenderer);
    SDL_Quit();
}

void Game::update()
{
    m_sourceRectangle.x = 128 * int(((SDL_GetTicks() / 100) % 6));

}

在这里插入图片描述

可以翻转图片

void Game::render()
{
    SDL_RenderClear(m_pRenderer); // clear the renderer to the draw color
    // SDL_RenderCopy(m_pRenderer, m_pTexture,0,0);
    // SDL_RenderCopy(m_pRenderer, m_pTexture,&m_sourceRectangle,&m_destinationRectangle);
    SDL_RenderCopyEx(m_pRenderer, m_pTexture,&m_sourceRectangle, &m_destinationRectangle,0, 0, SDL_FLIP_HORIZONTAL); // pass in the horizontal flip
    SDL_RenderPresent(m_pRenderer); // draw to the screen
}

3. SDL_image

前面用的是SDL_LoadBMP只能加载bmp图片，SDL_image可以加载很多格式的图片，包括png,jpg,bmp,tiff,pcx,tif,lbm,xpm,gif,tk和xv等。

Game.h中引入SDL_image

#include <SDL2/SDL_image.h>

修改加载图片代码Game.cpp

SDL_Surface* pTempSurface = IMG_Load("assets/animate.png");

编译修改为：

g++ m14main.cpp Game.cpp  -o m14 -lSDL2 -lSDL2_image

Game.cpp代码如下：

#include "Game.h"
#include <iostream>

using namespace std;

bool Game::init(const char* title, int xpos, int ypos, int width, int height, bool fullscreen)
{   
    int flags = 0;
    if (fullscreen)
    {
        flags = SDL_WINDOW_FULLSCREEN;
    }
    // attempt to initialize SDL
    if(SDL_Init(SDL_INIT_EVERYTHING) == 0)
    {
        std::cout << "SDL init success\n";
        // init the window
        m_pWindow = SDL_CreateWindow(title, xpos, ypos, width, height, flags);
        if(m_pWindow != 0) // window init success
        {
            std::cout << "window creation success\n";
            m_pRenderer = SDL_CreateRenderer(m_pWindow, -1, 0);
            if(m_pRenderer != 0) // renderer init success
            {
                std::cout << "renderer creation success\n";
                SDL_SetRenderDrawColor(m_pRenderer,255,0,0,255);
            }
            else
            {
                std::cout << "renderer init fail\n";
                return false; // renderer init fail
            }
        }
        else
        {
            std::cout << "window init fail\n";
            return false; // window init fail
        }
    }
    else
    {
        std::cout << "SDL init fail\n";
        return false; // SDL init fail
    }
    std::cout << "init success\n";

    // SDL_Surface* pTempSurface = SDL_LoadBMP("assets/rider.bmp");
    // SDL_Surface* pTempSurface = SDL_LoadBMP("assets/animate.bmp");
    // SDL_Surface* pTempSurface = IMG_Load("assets/animate.png");
    SDL_Surface* pTempSurface = IMG_Load("assets/animate-alpha.png");
    m_pTexture = SDL_CreateTextureFromSurface(m_pRenderer, pTempSurface);
    SDL_FreeSurface(pTempSurface);

    SDL_QueryTexture(m_pTexture, NULL, NULL,&m_sourceRectangle.w,&m_sourceRectangle.h); // 获取长宽

    m_sourceRectangle.x = 0;
    m_sourceRectangle.y = 0;
    m_sourceRectangle.w = 128;
    m_sourceRectangle.h = 82;

    m_destinationRectangle.x = 0;
    m_destinationRectangle.y = 0;

    
    // m_destinationRectangle.x = m_sourceRectangle.x = 0;
    // m_destinationRectangle.y = m_sourceRectangle.y = 0;
    m_destinationRectangle.w = m_sourceRectangle.w;
    m_destinationRectangle.h = m_sourceRectangle.h;

    m_bRunning = true; // everything inited successfully, start the main loop
    return true;
}

void Game::render()
{
    SDL_RenderClear(m_pRenderer); // clear the renderer to the draw color
    // SDL_RenderCopy(m_pRenderer, m_pTexture,0,0);
    // SDL_RenderCopy(m_pRenderer, m_pTexture,&m_sourceRectangle,&m_destinationRectangle);
    SDL_RenderCopyEx(m_pRenderer, m_pTexture,&m_sourceRectangle, &m_destinationRectangle,0, 0, SDL_FLIP_HORIZONTAL); // pass in the horizontal flip
    SDL_RenderPresent(m_pRenderer); // draw to the screen
}


void Game::handleEvents()
{
    SDL_Event event;
    if(SDL_PollEvent(&event))
    {
        switch (event.type)
    {
        case SDL_QUIT:
            m_bRunning = false;
        break;

        default:
        break;
    }
    }
}

void Game::clean()
{
    std::cout << "cleaning game\n";
    SDL_DestroyWindow(m_pWindow);
    SDL_DestroyRenderer(m_pRenderer);
    SDL_Quit();
}

void Game::update()
{
    m_sourceRectangle.x = 128 * int(((SDL_GetTicks() / 100) % 6));

}

在这里插入图片描述

胡侃有料
关注
  • 6
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
SDL显示图片及文字
01-16
本段示例代码在vs2005中实现，用于演示SDL图片及文字的显示。
C++实现图片动画效果的资源文件
最新发布
01-04
使用上述库中的函数，可以读取这些图片，并在屏幕上按照特定顺序和速度显示出来，以形成动画效果。 3. **帧率控制**：为了创建平滑的动画，需要控制每秒显示的帧数（FPS）。这可以通过计时器或定时器函数实现，比如...
C语言SDL2示例-绘制HelloWorld
2301_77019544的博客
12-28 402
SDL（Simple DirectMedia Layer）是一套开源的跨平台多媒体开发库，C 语言编写，多用于嵌入式、游戏、模拟器、媒体播放器等多媒体应用领域。它提供了绘制图像、播放声音、获取键盘输入等相关的 API，大大降低多媒体应用开发难度的同时，也让开发者只要用相同或是相似的代码就可以开发出跨多个平台（Linux、Windows、Mac OS X等）的应用软件。本项目是使用手机自带的原生字体在屏幕上绘制HelloWorld字样。
SDL图像显示
NoBack7--For the dream
01-18 3543
计算机屏幕上的图像是由一个一个点组成的，不同颜色的点集合在一起，就构成了一幅图片。在屏幕上显示图像，就是对每一个像素点进行着色。首先我们对图片进行分析，取出每一个点的像素，CPU会将其保存在显存中，然后计算机会根据保存的像素，在屏幕上从上到下逐行逐点显示出来。         计算机用分辨率来表示有多少个点，800X600，1024X648等，第一个数字表示屏幕宽，第二个表示屏幕的高。用二维坐标
使用SDL在屏幕上显示一张图片
cyq129445的博客
06-06 2047
已经配置好了SDL， 是时候来建立一个能加载并显示一张图片的基本图形程序了。//将SDL函数和数据类型包含进来#include "SDL/SDL.h"在源文件顶部，我们包含了SDL的头文件，以使用SDL的函数和数据类型。记住这一点：你们中的有些人（比如Visual Studio用户）需要以下面这种方式包含SDL的头文件：#include "SDL.h"所以，如果编译器报了“找不到SDL/SDL.h...
用 SDL2 显示一张图片
weixin_30739595的博客
06-05 192
来源： http://adolfans.github.io/sdltutorialcn/ （中文教程） http://www.willusher.io/pages/sdl2/ （英文教程） 环境：SDL2 + VC++2015 下面的代码将打开一个窗口显示hello.bmp 1 #include <iostream> 2 #include <SDL.h>...
sdl_使用渲染器显示图片
爱自在的专栏
03-09 726
说明 基于 sdl2.0 和 vs2017 开发。 渲染机制理解 renderer是渲染器，用来显示和处理纹理。 texture是纹理，可以理解为一张画，一般是由显卡处理，所以对它的访问有很多限制，对其发出的指令都通过renderer。 surface是表面，也可以理解为一张画，由CPU处理，所以访问更灵活。surface在sdl1.2中处于核心地位，在sdl2中更多用于过渡，用...
gra.rar_GIF图片显示 c++_GRA_gra.rar
09-19
总结起来，"gra.rar_GIF图片显示 c++_GRA_gra.rar"这个项目涉及到的关键知识点包括C++编程、图像处理库的使用（如FreeImage、DevIL）、GIF动态图片的解码与显示、以及jpg和bmp静态图片的处理。通过深入理解和实践...
try1.c动画制作.zip
06-10
描述中提到的"适合初学者了解如何将图片生成动画"，这暗示了项目可能包含了使用C++读取和操作图像文件，以及创建帧序列来形成动画的步骤。在C++中，通常会使用第三方库如SDL（Simple DirectMedia Layer）或SFML...
BMP.rar_8 bmp_bmp 1位_c++ 显示图片_显示 8位_显示.bmp图片
09-23
在这个项目中，开发者可能已经创建了一个C++程序，能够读取并显示这些不同位深度的BMP图像，尽管它不支持显示压缩的BMP图片。 首先，我们需要了解BMP文件格式的基本结构。BMP文件由文件头、信息头和像素数据组成。...
SDL2.0 加载图片显示
06-22
vs2013, 显示bmp
SDL入门教程中文（最好的SDL入门教程，自己手工整理）
01-07
本教程是为电脑游戏制作的发烧友准备的。因为Linux的普及以及不受$M的牵制，SDL在过去的几年中，成为了跨平台开发PC游戏的首选。即使是在Windows平台下，SDL有具有自身的优势。与MFC使用不成熟的C++外表伪封装的win32api以及一家独唱推崇的COM风格和.net相比较，SDL是更纯粹的C风格。无论你是喜欢纯C还是OOP的C++，你都可以按照你自己喜欢的方式对SDL进行再次封装，只要你自己愿意，可以让自己的程序更接近C/C++的标准风格，让代码更加优美也更加容易阅读。
sdl2初级教程
07-17
本书面向的对象为SDL2初学者。 或正在使用C4droid练习c/c++语音的中学生高中生等。 本书介绍了SDL2上基础的几个部分，学完本书相信大家基本学会了SDL2的使用方法。对于本书的源码全部在 Android平台C4droid用g++编译器编译通过。当然我希望源代码在你的开发平台上总要有一点小问题，自己动手，丰衣足食。这样边学边用，效果好！ 如有任何问题，百度不到的可以上C4droid吧发帖提问
SDL中文教程 - 游戏编程入门
03-09
SDL是一个跨平台的多媒体库，它通过OpenGL和2D视频帧缓冲，提供了针对音频、视频、键盘、鼠标、控制杆及3D硬件的低级别的访问接口。它在MPEG播放软件、模拟器以及许多游戏中得到广泛的应用，其中包含了获得大奖的“文明：权力的呼唤”的Linux 版本。
dev-c++ 使用 SDL
04-15
dev-c++ 使用 SDL
GIF图片 c++显示代码
04-19
本主题将深入探讨如何在C++环境中读取和显示GIF图片。 首先，C++标准库本身并不直接支持GIF文件处理。为了处理GIF，你需要使用第三方库，如`DevIL`（Image Library）或`libgif`。在这个案例中，没有提及具体的库，...
SDL学习二：显示一张图片
qq_44194231的博客
07-25 558
需要一张bmp格式的图片，百度有网站可以在线转换 #include <stdio.h> #include <SDL2/SDL.h> const int SCREEN_WIDTH = 640; const int SCREEN_HEIGHT = 480; int main() { SDL_Window* Window = NULL; SDL_Surface* screenSurface = NULL; //图片也需要这样一个指针 SDL_Su
SDL2显示图片
u010745620的博客
08-09 955
sdl显示图片 #include <SDL2/SDL.h> #include <SDL2/SDL_image.h> #include <iostream> using namespace std; int main(int argc, char**argv){ if( SDL_Init(SDL_INIT_VIDEO|SDL_INIT_AUDIO) !...
SDL2.0加载显示图片——HelloWorld！
Dainelcw
03-25 1479
引言 通过SDL库调用实验的完成，现在将要完成一幅图片的显示程序。期待~ 步骤： 1、创建窗口 SDL_Window *win = SDL_CreateWindow("Hello World!", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, 680, 300, SDL_WINDOW_SHOWN); SDL_CreateWi...
c++怎么用sdl插入图片
03-26
使用SDL插入图片的步骤如下： 1. 首先，需要在SDL中初始化窗口和渲染器。这可以通过以下代码完成： ``` SDL_Init(SDL_INIT_VIDEO); SDL_Window* window = SDL_CreateWindow("My Window", SDL_WINDOWPOS_UNDEFINED,...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

胡侃有料

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值