HOWTO在SDL中绘制圆圈,圆弧和矢量图形？

Question

(我正在使用SDL2)

SDL是一个相对较小的库,用于"通过OpenGL和Direct3D低级访问音频,键盘,鼠标,操纵杆和图形硬件". 它用于游戏开发,在我的例子中,用作简单的视听输出和鼠标+键盘输入.它不是像GTK,Qt,wxWindows等"工具包".但它是跨平台的.

但我能找到绘制形状的唯一方法是使用line,rect和pixel函数.

除了使用trig或"圆的方程"之外,我怎样画一条曲线？一般矢量图形怎么样？

SDL是一个合适的起点还是我应该在其他地方寻找？

Answer 1

如果你想编写自己的圆绘图功能,那么我建议你通过绘制像素来调整中点算法到SDL2.

曲线将以类似方式完成,但会使用更多的椭圆绘制算法.

实际的矢量图形开始变得更复杂,你可能不得不找到一些渲染SVG文件的东西,我不确定SDL2有很多选项.

但是,如果您只想简单地使用可以使用的功能,我建议您直接使用SDL2_gfx.它还有许多已经实现的功能供您使用.

Answer 2

这是上面引用的中点圆算法的示例.它不需要数学库,速度非常快.(渲染时间约为500微秒)这是Windows用于/用于栅格化圆圈的内容.

void DrawCircle(SDL_Renderer * renderer, int32_t centreX, int32_t centreY, int32_t radius)
{
   const int32_t diameter = (radius * 2);

   int32_t x = (radius - 1);
   int32_t y = 0;
   int32_t tx = 1;
   int32_t ty = 1;
   int32_t error = (tx - diameter);

   while (x >= y)
   {
      //  Each of the following renders an octant of the circle
      SDL_RenderDrawPoint(renderer, centreX + x, centreY - y);
      SDL_RenderDrawPoint(renderer, centreX + x, centreY + y);
      SDL_RenderDrawPoint(renderer, centreX - x, centreY - y);
      SDL_RenderDrawPoint(renderer, centreX - x, centreY + y);
      SDL_RenderDrawPoint(renderer, centreX + y, centreY - x);
      SDL_RenderDrawPoint(renderer, centreX + y, centreY + x);
      SDL_RenderDrawPoint(renderer, centreX - y, centreY - x);
      SDL_RenderDrawPoint(renderer, centreX - y, centreY + x);

      if (error <= 0)
      {
         ++y;
         error += ty;
         ty += 2;
      }

      if (error > 0)
      {
         --x;
         tx += 2;
         error += (tx - diameter);
      }
   }
}

Answer 3

SDL 允许第三方库在纹理上绘制。如果 cairo 是理想的，它可以在这样的函数中使用：

cairo_t*cb(cairo_t*cr)
{cairo_set_source_rgb(cr, 1.0, 1.0, 1.0);
 cairo_rectangle(cr, 10, 20, 128, 128);
 cairo_stroke(cr);
 return cr;
}

然后 cb 可以传递给这个函数：

cairo_t*cai(SDL_Window*w,SDL_Renderer*r,cairo_t*(*f)(cairo_t*))
{int width, height, pitch;void *pixels;
 SDL_GetWindowSize(w, &width, &height);
 SDL_Texture*t=SDL_CreateTexture(r,SDL_PIXELFORMAT_ARGB8888,SDL_TEXTUREACCESS_STREAMING,width,height);
 SDL_LockTexture(t, NULL, &pixels, &pitch);
 cairo_surface_t *cs=cairo_image_surface_create_for_data(pixels,CAIRO_FORMAT_ARGB32,width,height,pitch);
 cairo_t*s=cairo_create(cs);
 cairo_t*fr=f(s);SDL_UnlockTexture(t);SDL_RenderCopy(r,t,NULL,NULL);SDL_RenderPresent(r);
 return fr;
}