如何使用 SDL2 Texture 作为更新 canvas?
How to use SDL2 Texture as sort of updating canvas?
我正在尝试在 SDL2 中为嵌入式项目创建动态绘图仪。目前,代码在 x86 和 ARM 两种架构上执行。在 x86 上,我得到了一个平滑的 运行 绘图仪,但是,在 ARM 上,它运行得非常慢,只有我在 x86 上得到的帧的一小部分。我很确定这是因为我重新渲染了表面上的每个像素,这是嵌入式设备上的严重过热。
我尝试将新内容渲染到纹理,将其复制到渲染器然后渲染,但这根本不起作用。
由于双缓冲,我必须清除每一帧。否则,我会"drop"修改。但我还需要渲染旧数据点,并且只有在绘图仪再次到达它们时才覆盖它们。
SDL2 中有没有办法将这些数据点保存到某种 canvas 并且只添加(重绘)新添加的数据点?
这是我的源代码:
Plotter.cpp
#include <SDL2/SDL.h>
#include <stdio.h>
#include "PlotterHelper.h"
/*Implementation*/
int main(int arhc, char * argv[])
{
//Top and bottom viewport
SDL_Rect topViewport;
SDL_Rect bottomViewport;
topViewport = CreateViewPort(0,0, SCREEN_WIDTH, (SCREEN_HEIGHT/2));
bottomViewport = CreateViewPort(0,(SCREEN_HEIGHT/2), SCREEN_WIDTH, SCREEN_HEIGHT/2);
float timeFrame = 4.0;
int updateWidth = round(SCREEN_WIDTH/(60.0 * timeFrame));
uint8_t backgroundColor = 0xff;
int delayTime = 0;
int sinusScale = 0;
int rectWidth = RECT_WIDTH;
bool rectEnd = false;
SDL_Point points[SCREEN_WIDTH] = {0,0};
int pointPosition = 0;
if (!init())
{
printf("Init failed!\n");
}
else
{
SDL_ShowCursor(SDL_DISABLE);
//Main lopp flag
bool quit = false;
//Event handler
SDL_Event event;
//While application is running
while(!quit)
{
//Handle events on queue
while (SDL_PollEvent( &event) != 0)
{
//User requests quit
if(event.type == SDL_QUIT)
{
quit = true;
}
else if(event.type == SDL_KEYDOWN)
{
switch(event.key.keysym.sym)
{
case SDLK_w:
delayTime += 50;
if(delayTime > 5000)
delayTime = 5000;
break;
case SDLK_s:
delayTime -= 50;
if(delayTime < 0)
delayTime = 0;
break;
case SDLK_d:
timeFrame -= 1;
if(timeFrame < 1)
timeFrame = 1.0;
updateWidth = round(SCREEN_WIDTH/(60.0 * timeFrame));
printf("timeFrame = %lf\n", timeFrame);
break;
case SDLK_a:
timeFrame += 1;
if(timeFrame > 44)
timeFrame = 44.0;
updateWidth = round(SCREEN_WIDTH/(60.0 * timeFrame));
printf("timeFrame = %lf\n", timeFrame);
break;
case SDLK_r:
if(backgroundColor == 0x3f)
break;
else
{
++backgroundColor;
break;
}
case SDLK_f:
if(backgroundColor == 0x00)
break;
else
{
--backgroundColor;
break;
}
}
}
}
//Reset Plotter when the end of the window was reached
if(pointPosition > SCREEN_WIDTH-1)
{
pointPosition = 0;
sinusScale = (rand() % 100 + 1) - 50;
rectWidth = RECT_WIDTH;
rectEnd = false;
}
//Handler eraser when he reaches end of window
if(((SCREEN_WIDTH-1) - pointPosition) < RECT_WIDTH)
{
rectWidth = (SCREEN_WIDTH -1) - pointPosition;
rectEnd = true;
}
//Clear screen
SDL_SetRenderDrawColor(gRenderer, backgroundColor, backgroundColor, backgroundColor, 0xff);
SDL_RenderClear(gRenderer);
//Draw top viewport
SDL_RenderSetViewport( gRenderer, &topViewport );
SDL_SetRenderDrawColor(gRenderer, 0x00, 0x66, 0x00, 0xff);
for(int iterator = 0; iterator <= SCREEN_WIDTH -1; ++iterator)
{
SDL_RenderDrawLine(
gRenderer,
points[iterator].x,
0,
points[iterator].x,
SCREEN_HEIGHT/2);
}
PlotEraser(rectEnd, backgroundColor, rectWidth,points[pointPosition].x );
//raw bottom viewport
SDL_RenderSetViewport( gRenderer, &bottomViewport );
SDL_SetRenderDrawColor(gRenderer, 0x00, 0x66, 0x00, 0xff);
for(int iterator = 0; iterator <= SCREEN_WIDTH -1; ++iterator)
{
SDL_RenderDrawLine(
gRenderer,
points[iterator].x,
SCREEN_HEIGHT/2,
points[iterator].x,
points[iterator].y);
}
PlotEraser(rectEnd, backgroundColor, rectWidth,points[pointPosition].x );
for(int iterator = pointPosition; iterator <= pointPosition + updateWidth; ++iterator)
{
points[iterator].x = iterator;
points[iterator].y = round(((SCREEN_HEIGHT/4 )* sin(iterator/(100.0+sinusScale))) + SCREEN_HEIGHT/4);
}
pointPosition += updateWidth;
//Update Screen
SDL_RenderPresent(gRenderer);
SDL_Delay(delayTime);
}
}
//Free resources and close SDL
close();
return 0;
}
/*End of File*/
PlotterHelper.cpp
/*Includes*/
#include "PlotterHelper.h"
SDL_Window * gWindow = NULL;
SDL_Renderer * gRenderer = NULL;
SDL_Renderer * intermediate = NULL;
/*Implementation*/
/*********************************************************************
*********************************************************************
*********************************************************************
*/
bool init()
{
//Init flag
bool success = true;
//Init SDL
if(SDL_Init(SDL_INIT_VIDEO) < 0)
{
printf( "SDL could not initialize! SDL_Error: %s\n", SDL_GetError() );
success = false;
}
else
{
//Set texture filtering to linear
if( !SDL_SetHint( SDL_HINT_RENDER_SCALE_QUALITY, "1" ) )
{
printf( "Warning: Linear texture filtering not enabled!" );
}
//Set VSYNC
if( !SDL_SetHint( SDL_HINT_RENDER_VSYNC, "1" ) )
{
printf( "Warning: VSYNC not enabled!" );
}
//Create window
gWindow = SDL_CreateWindow(
"SDL Plotter",
SDL_WINDOWPOS_UNDEFINED,
SDL_WINDOWPOS_UNDEFINED,
SCREEN_WIDTH,
SCREEN_HEIGHT,
SDL_WINDOW_SHOWN );
if (NULL == gWindow)
{
printf( "Window could not be created! SDL_Error: %s\n", SDL_GetError() );
success = false;
}
else
{
//Create renderer for window
gRenderer = SDL_CreateRenderer(gWindow, -1, SDL_RENDERER_ACCELERATED );
if(NULL == gRenderer)
{
printf("Renderer could not be created! SDLError: %s\n", SDL_GetError());
success = false;
}
else
{
//Initialise renderer colour
SDL_SetRenderDrawColor(gRenderer, 0xff, 0xff, 0xff, 0xff);
}
}
}
return success;
}
/*********************************************************************
*********************************************************************
*********************************************************************
*/
void close()
{
//Destroy window
SDL_DestroyRenderer(gRenderer);
SDL_DestroyWindow(gWindow);
gRenderer = NULL;
gWindow = NULL;
//Quit SDL subsystems
SDL_Quit();
}
/*********************************************************************
*********************************************************************
*********************************************************************
*/
SDL_Rect CreateViewPort(int x, int y, int w, int h)
{
SDL_Rect Viewport;
Viewport.x = x;
Viewport.y = y;
Viewport.w = w;
Viewport.h = h;
return Viewport;
}
/*********************************************************************
*********************************************************************
*********************************************************************
*/
void PlotEraser(bool rectEnd, uint8_t backgroundColor, int rectWidth, int x)
{
SDL_Rect fillRectBot = {x, 0, rectWidth, SCREEN_HEIGHT/2};
SDL_SetRenderDrawColor(gRenderer, backgroundColor, backgroundColor, backgroundColor, 0xff);
SDL_RenderFillRect(gRenderer, &fillRectBot);
if(rectEnd)
{
int startRecWidth = RECT_WIDTH - rectWidth;
SDL_Rect startRec = {0, 0, startRecWidth, SCREEN_HEIGHT/2};
SDL_RenderFillRect(gRenderer, &startRec);
}
}
/*End of File*/
PlotterHelper.h
#ifndef PLOTTER_HELPER_H_
#define PLOTTER_HELPER_H_
#include <SDL2/SDL.h>
#include <stdio.h>
#include <cmath>
#include <string>
/*Globals*/
//Screen constants
const int SCREEN_WIDTH = 1024;
const int SCREEN_HEIGHT = 768;
const int RECT_WIDTH = 10;
//The window we'll be rendering to
extern SDL_Window * gWindow;
//The window renderer
extern SDL_Renderer * gRenderer;
extern SDL_Renderer * intermediate;
/*Prototypes*/
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//Starts up SDL and creates window
bool init();
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//Free media and shut down SDL
void close();
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//CreateVieport
SDL_Rect CreateViewPort(int x, int y, int w, int h);
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//Plot Eraser
void PlotEraser(bool rectEnd, uint8_t backgroundColor, int rectWidth, int x);
#endif /* PLOTTER_HELPER_H_ */
/*End of File*/
您可能有几个选项可以提供帮助:
使用纹理渲染目标
您应该能够使用“渲染目标纹理”来完成此操作。这是您使用 SDL_TEXTUREACCESS_TARGET
标志创建的 SDL_Texture
(参见 SDL_CreateTexture
)。
您可以通过调用 SDL_SetRenderTarget
并在渲染点之前传递此纹理来为该纹理绘制新点。
然后您的主循环需要调用 SDL_SetRenderTarget
并传递 nullptr
以将 window 恢复为渲染目标。然后将纹理渲染到 window 每帧。
SDL documentation 有一个小样本演示如何使用渲染目标纹理。
更新到 SDL 2.0.9 并使用渲染批处理
如果您设置 SDL_HINT_RENDER_BATCHING
(SDL_SetHint(SDL_HINT_RENDER_BATCHING, "1");
),最新版本的 SDL 2 支持渲染批处理。您应该使用 SDL_CreateWindowAndRenderer()
来确保您启用了批处理。
如果您的平台不支持硬件加速,这可能没有任何作用。您可以将其与渲染目标结合使用。阅读有关 SDL 渲染批处理的信息 here。
将您的rects/points分批处理
这与渲染批处理是分开的,应该适用于任何版本的 SDL 2。
如果可以,将所有 rectangles/points 收集到一个数组中,您可以使用
SDL_RenderDrawPoints
或 SDL_RenderDrawRects
让 SDL 一次完成所有这些操作,即使您没有硬件加速也应该会提高性能。这可以与渲染目标结合使用。
沟SDL_Renderer/SDL_Texture
如果您的设备缺少硬件加速,那么放弃 SDL_Renderer 并使用 SDL_GetWindowSurface
获取 window 的 SDL_Surface
并使用 SDL_BlitSurface
(或通过 surface->pixels
手动设置像素)直接绘制到那个,然后用 SDL_UpdateWindowSurface
更新 window。另请参阅 SDL_UpdateWindowSurfaceRects
,了解如何仅更新您正在更改的矩形以获得更好的性能。
您需要 familiarize yourself 和 SDL_Surface
因为您需要检查 window 表面的像素格式以便在您选择直接操作时正确更新它像素.
我正在尝试在 SDL2 中为嵌入式项目创建动态绘图仪。目前,代码在 x86 和 ARM 两种架构上执行。在 x86 上,我得到了一个平滑的 运行 绘图仪,但是,在 ARM 上,它运行得非常慢,只有我在 x86 上得到的帧的一小部分。我很确定这是因为我重新渲染了表面上的每个像素,这是嵌入式设备上的严重过热。
我尝试将新内容渲染到纹理,将其复制到渲染器然后渲染,但这根本不起作用。
由于双缓冲,我必须清除每一帧。否则,我会"drop"修改。但我还需要渲染旧数据点,并且只有在绘图仪再次到达它们时才覆盖它们。
SDL2 中有没有办法将这些数据点保存到某种 canvas 并且只添加(重绘)新添加的数据点?
这是我的源代码:
Plotter.cpp
#include <SDL2/SDL.h>
#include <stdio.h>
#include "PlotterHelper.h"
/*Implementation*/
int main(int arhc, char * argv[])
{
//Top and bottom viewport
SDL_Rect topViewport;
SDL_Rect bottomViewport;
topViewport = CreateViewPort(0,0, SCREEN_WIDTH, (SCREEN_HEIGHT/2));
bottomViewport = CreateViewPort(0,(SCREEN_HEIGHT/2), SCREEN_WIDTH, SCREEN_HEIGHT/2);
float timeFrame = 4.0;
int updateWidth = round(SCREEN_WIDTH/(60.0 * timeFrame));
uint8_t backgroundColor = 0xff;
int delayTime = 0;
int sinusScale = 0;
int rectWidth = RECT_WIDTH;
bool rectEnd = false;
SDL_Point points[SCREEN_WIDTH] = {0,0};
int pointPosition = 0;
if (!init())
{
printf("Init failed!\n");
}
else
{
SDL_ShowCursor(SDL_DISABLE);
//Main lopp flag
bool quit = false;
//Event handler
SDL_Event event;
//While application is running
while(!quit)
{
//Handle events on queue
while (SDL_PollEvent( &event) != 0)
{
//User requests quit
if(event.type == SDL_QUIT)
{
quit = true;
}
else if(event.type == SDL_KEYDOWN)
{
switch(event.key.keysym.sym)
{
case SDLK_w:
delayTime += 50;
if(delayTime > 5000)
delayTime = 5000;
break;
case SDLK_s:
delayTime -= 50;
if(delayTime < 0)
delayTime = 0;
break;
case SDLK_d:
timeFrame -= 1;
if(timeFrame < 1)
timeFrame = 1.0;
updateWidth = round(SCREEN_WIDTH/(60.0 * timeFrame));
printf("timeFrame = %lf\n", timeFrame);
break;
case SDLK_a:
timeFrame += 1;
if(timeFrame > 44)
timeFrame = 44.0;
updateWidth = round(SCREEN_WIDTH/(60.0 * timeFrame));
printf("timeFrame = %lf\n", timeFrame);
break;
case SDLK_r:
if(backgroundColor == 0x3f)
break;
else
{
++backgroundColor;
break;
}
case SDLK_f:
if(backgroundColor == 0x00)
break;
else
{
--backgroundColor;
break;
}
}
}
}
//Reset Plotter when the end of the window was reached
if(pointPosition > SCREEN_WIDTH-1)
{
pointPosition = 0;
sinusScale = (rand() % 100 + 1) - 50;
rectWidth = RECT_WIDTH;
rectEnd = false;
}
//Handler eraser when he reaches end of window
if(((SCREEN_WIDTH-1) - pointPosition) < RECT_WIDTH)
{
rectWidth = (SCREEN_WIDTH -1) - pointPosition;
rectEnd = true;
}
//Clear screen
SDL_SetRenderDrawColor(gRenderer, backgroundColor, backgroundColor, backgroundColor, 0xff);
SDL_RenderClear(gRenderer);
//Draw top viewport
SDL_RenderSetViewport( gRenderer, &topViewport );
SDL_SetRenderDrawColor(gRenderer, 0x00, 0x66, 0x00, 0xff);
for(int iterator = 0; iterator <= SCREEN_WIDTH -1; ++iterator)
{
SDL_RenderDrawLine(
gRenderer,
points[iterator].x,
0,
points[iterator].x,
SCREEN_HEIGHT/2);
}
PlotEraser(rectEnd, backgroundColor, rectWidth,points[pointPosition].x );
//raw bottom viewport
SDL_RenderSetViewport( gRenderer, &bottomViewport );
SDL_SetRenderDrawColor(gRenderer, 0x00, 0x66, 0x00, 0xff);
for(int iterator = 0; iterator <= SCREEN_WIDTH -1; ++iterator)
{
SDL_RenderDrawLine(
gRenderer,
points[iterator].x,
SCREEN_HEIGHT/2,
points[iterator].x,
points[iterator].y);
}
PlotEraser(rectEnd, backgroundColor, rectWidth,points[pointPosition].x );
for(int iterator = pointPosition; iterator <= pointPosition + updateWidth; ++iterator)
{
points[iterator].x = iterator;
points[iterator].y = round(((SCREEN_HEIGHT/4 )* sin(iterator/(100.0+sinusScale))) + SCREEN_HEIGHT/4);
}
pointPosition += updateWidth;
//Update Screen
SDL_RenderPresent(gRenderer);
SDL_Delay(delayTime);
}
}
//Free resources and close SDL
close();
return 0;
}
/*End of File*/
PlotterHelper.cpp
/*Includes*/
#include "PlotterHelper.h"
SDL_Window * gWindow = NULL;
SDL_Renderer * gRenderer = NULL;
SDL_Renderer * intermediate = NULL;
/*Implementation*/
/*********************************************************************
*********************************************************************
*********************************************************************
*/
bool init()
{
//Init flag
bool success = true;
//Init SDL
if(SDL_Init(SDL_INIT_VIDEO) < 0)
{
printf( "SDL could not initialize! SDL_Error: %s\n", SDL_GetError() );
success = false;
}
else
{
//Set texture filtering to linear
if( !SDL_SetHint( SDL_HINT_RENDER_SCALE_QUALITY, "1" ) )
{
printf( "Warning: Linear texture filtering not enabled!" );
}
//Set VSYNC
if( !SDL_SetHint( SDL_HINT_RENDER_VSYNC, "1" ) )
{
printf( "Warning: VSYNC not enabled!" );
}
//Create window
gWindow = SDL_CreateWindow(
"SDL Plotter",
SDL_WINDOWPOS_UNDEFINED,
SDL_WINDOWPOS_UNDEFINED,
SCREEN_WIDTH,
SCREEN_HEIGHT,
SDL_WINDOW_SHOWN );
if (NULL == gWindow)
{
printf( "Window could not be created! SDL_Error: %s\n", SDL_GetError() );
success = false;
}
else
{
//Create renderer for window
gRenderer = SDL_CreateRenderer(gWindow, -1, SDL_RENDERER_ACCELERATED );
if(NULL == gRenderer)
{
printf("Renderer could not be created! SDLError: %s\n", SDL_GetError());
success = false;
}
else
{
//Initialise renderer colour
SDL_SetRenderDrawColor(gRenderer, 0xff, 0xff, 0xff, 0xff);
}
}
}
return success;
}
/*********************************************************************
*********************************************************************
*********************************************************************
*/
void close()
{
//Destroy window
SDL_DestroyRenderer(gRenderer);
SDL_DestroyWindow(gWindow);
gRenderer = NULL;
gWindow = NULL;
//Quit SDL subsystems
SDL_Quit();
}
/*********************************************************************
*********************************************************************
*********************************************************************
*/
SDL_Rect CreateViewPort(int x, int y, int w, int h)
{
SDL_Rect Viewport;
Viewport.x = x;
Viewport.y = y;
Viewport.w = w;
Viewport.h = h;
return Viewport;
}
/*********************************************************************
*********************************************************************
*********************************************************************
*/
void PlotEraser(bool rectEnd, uint8_t backgroundColor, int rectWidth, int x)
{
SDL_Rect fillRectBot = {x, 0, rectWidth, SCREEN_HEIGHT/2};
SDL_SetRenderDrawColor(gRenderer, backgroundColor, backgroundColor, backgroundColor, 0xff);
SDL_RenderFillRect(gRenderer, &fillRectBot);
if(rectEnd)
{
int startRecWidth = RECT_WIDTH - rectWidth;
SDL_Rect startRec = {0, 0, startRecWidth, SCREEN_HEIGHT/2};
SDL_RenderFillRect(gRenderer, &startRec);
}
}
/*End of File*/
PlotterHelper.h
#ifndef PLOTTER_HELPER_H_
#define PLOTTER_HELPER_H_
#include <SDL2/SDL.h>
#include <stdio.h>
#include <cmath>
#include <string>
/*Globals*/
//Screen constants
const int SCREEN_WIDTH = 1024;
const int SCREEN_HEIGHT = 768;
const int RECT_WIDTH = 10;
//The window we'll be rendering to
extern SDL_Window * gWindow;
//The window renderer
extern SDL_Renderer * gRenderer;
extern SDL_Renderer * intermediate;
/*Prototypes*/
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//Starts up SDL and creates window
bool init();
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//Free media and shut down SDL
void close();
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//CreateVieport
SDL_Rect CreateViewPort(int x, int y, int w, int h);
/*********************************************************************
*********************************************************************
*********************************************************************
*/
//Plot Eraser
void PlotEraser(bool rectEnd, uint8_t backgroundColor, int rectWidth, int x);
#endif /* PLOTTER_HELPER_H_ */
/*End of File*/
您可能有几个选项可以提供帮助:
使用纹理渲染目标
您应该能够使用“渲染目标纹理”来完成此操作。这是您使用 SDL_TEXTUREACCESS_TARGET
标志创建的 SDL_Texture
(参见 SDL_CreateTexture
)。
您可以通过调用 SDL_SetRenderTarget
并在渲染点之前传递此纹理来为该纹理绘制新点。
然后您的主循环需要调用 SDL_SetRenderTarget
并传递 nullptr
以将 window 恢复为渲染目标。然后将纹理渲染到 window 每帧。
SDL documentation 有一个小样本演示如何使用渲染目标纹理。
更新到 SDL 2.0.9 并使用渲染批处理
如果您设置 SDL_HINT_RENDER_BATCHING
(SDL_SetHint(SDL_HINT_RENDER_BATCHING, "1");
),最新版本的 SDL 2 支持渲染批处理。您应该使用 SDL_CreateWindowAndRenderer()
来确保您启用了批处理。
如果您的平台不支持硬件加速,这可能没有任何作用。您可以将其与渲染目标结合使用。阅读有关 SDL 渲染批处理的信息 here。
将您的rects/points分批处理
这与渲染批处理是分开的,应该适用于任何版本的 SDL 2。
如果可以,将所有 rectangles/points 收集到一个数组中,您可以使用
SDL_RenderDrawPoints
或 SDL_RenderDrawRects
让 SDL 一次完成所有这些操作,即使您没有硬件加速也应该会提高性能。这可以与渲染目标结合使用。
沟SDL_Renderer/SDL_Texture
如果您的设备缺少硬件加速,那么放弃 SDL_Renderer 并使用 SDL_GetWindowSurface
获取 window 的 SDL_Surface
并使用 SDL_BlitSurface
(或通过 surface->pixels
手动设置像素)直接绘制到那个,然后用 SDL_UpdateWindowSurface
更新 window。另请参阅 SDL_UpdateWindowSurfaceRects
,了解如何仅更新您正在更改的矩形以获得更好的性能。
您需要 familiarize yourself 和 SDL_Surface
因为您需要检查 window 表面的像素格式以便在您选择直接操作时正确更新它像素.