OpenGLを使用してSDLで2D画像を描画する方法

結局のところ、openGLで2D画像を描画する方法を示す簡単なコードを見つけることができました。

    #include "SDL/SDL.h"
    #include "SDL/SDL_opengl.h"
    #include "SDL/SDL_image.h"

    const int SCREEN_WIDTH = 640;
    const int SCREEN_HEIGHT = 480;
    const int SCREEN_BPP = 32;

    int tex;

    int loadTexture(char* fileName){
        SDL_Surface *image=IMG_Load(fileName);
        SDL_DisplayFormatAlpha(image);
        GLuint object;
        glGenTextures(1,&object);
        glBindTexture(GL_TEXTURE_2D,object);
        glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_NEAREST);
        glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_NEAREST);
        glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_WRAP_S,GL_CLAMP_TO_EDGE);
        glTexParameterf(GL_TEXTURE_2D,GL_TEXTURE_WRAP_T,GL_CLAMP_TO_EDGE);
        glTexImage2D(GL_TEXTURE_2D,0,GL_RGBA,image->w,image ->h,0,GL_RGBA,GL_UNSIGNED_BYTE,image->pixels);
        SDL_FreeSurface(image);
        return object;
    }
    void init(){
        glClearColor(0.0,0.0,0.0,0.0);
        glMatrixMode(GL_PROJECTION);
        glLoadIdentity();
        glOrtho(0.0,800,600,1.0,-1.0,1.0);
        glEnable(GL_BLEND);
        glEnable(GL_TEXTURE_2D);
        glBlendFunc(GL_SRC_ALPHA,GL_ONE_MINUS_SRC_ALPHA);
        tex = loadTexture("hi.png");
    }
    void draw(){
        glClear(GL_COLOR_BUFFER_BIT);
        glBindTexture(GL_TEXTURE_2D,tex);
        glBegin(GL_QUADS);
            glTexCoord2f(0,0);
            glVertex2f(0,0);
            glTexCoord2f(1,0);
            glVertex2f(500,0);
            glTexCoord2f(1,1);
            glVertex2f(500,500);
            glTexCoord2f(0,1);
            glVertex2f(0,500);
        glEnd();
        glFlush();
    }
    int main(int argc,char** argv){
        SDL_Init(SDL_INIT_EVERYTHING);
        SDL_Surface* screen=SDL_SetVideoMode(800,600,32,SDL_SWSURFACE|SDL_OPENGL);
        bool running=true;
        Uint32 start;
        SDL_Event event;
        init();
        while(running){
            start=SDL_GetTicks();
            draw();
            while(SDL_PollEvent(&event)){
                switch(event.type){
                    case SDL_QUIT:
                        running=false;
                        break;
                }
            }
            SDL_GL_SwapBuffers();
            if(1000/60>(SDL_GetTicks()-start))
                SDL_Delay(1000/60-(SDL_GetTicks()-start));
        }
        SDL_Quit();
        return 0;
    }

私は2Dの経験がなく、約1週間前にSDLをいじり始めました。レイヤー上にある画像を持つ単純な構造をいくつか構築し、独自の描画順序を設定できるようにしたため、スプライトは背景などの後に描画され、小さな「スプライトエンジン」が実行されました。ロックマンスプライトを900x900の単純な背景画像の上に、思い通りに左右に歩いてもらいました。

実は、i5でCPUがほぼ20％に達したので、グラフィックカードを使用して描画を行うことを考えました！OpenGLに少し掘り下げて、今日、ようやくgl3wを動作させることができました！

そこで、OpenGLを使用してウィンドウにスプライト/イメージを表示する簡単な方法を探しています。私が遭遇したあらゆる種類のコードを試してみましたが、基本的にどこでもエラーチェックを実行したにもかかわらず、何も表示されず、すべてが正しくチェックアウトされているようです！

TL：DR; 2D画像を描画する方法について、SDLを使用していくつかの簡単な作業コードを探していました（これが機能しない場合は、間違いがあります）。

ありがとう！

私はSOILを使用してスプライトをロードし、テクスチャのあるクワッドを描画するだけでレンダリングすることをお勧めします。非推奨の機能を使用せずにそれを行う場合（シェーダーを使用）、非常に高速であることがわかります。

OpenGLでテクスチャクワッドを描画するためのかなり基本的ですが、すばらしい出発点です。この関数の開始点から、わずかに異なる機能を提供する7つの関数があり、色合いのある色で描画したり、アルファ値の異なるアイテムを描画したり、回転したりします。クリッピングなど。しかし、これはあなたが始めるのに役立つはずです:)。

編集：コードを更新。

void Draw(int x, int y, Image* texture, bool blendFlag) {
//Bind Texture
glBindTexture(GL_TEXTURE_2D, texture->getData());

if (blendFlag)
{
    glEnable(GL_BLEND);
    glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
}

GLfloat Vertices[] = {(float)x, (float)y, 0,
                    (float)x + texture->getWidth(), (float)y, 0,
                    (float)x + (float)texture->getWidth(), (float)y + (float)texture->getHeight(), 0,
                    (float)x, (float)y + (float)texture->getHeight(), 0};
GLfloat TexCoord[] = {0, 0,
    1, 0,
    1, 1,
    0, 1,
};
GLubyte indices[] = {0,1,2, // first triangle (bottom left - top left - top right)
                     0,2,3}; // second triangle (bottom left - top right - bottom right)

glEnableClientState(GL_VERTEX_ARRAY);
glVertexPointer(3, GL_FLOAT, 0, Vertices);

glEnableClientState(GL_TEXTURE_COORD_ARRAY);
glTexCoordPointer(2, GL_FLOAT, 0, TexCoord);

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_BYTE, indices);

glDisableClientState(GL_TEXTURE_COORD_ARRAY);
glDisableClientState(GL_VERTEX_ARRAY);

if (blendFlag) glDisable(GL_BLEND);
}

画像は、テクスチャデータ（GLuint）と、幅と高さを保持する2つの整数を保持する基本構造です。

SDLは必要ですか？SFMLは、レンダリングにOpenGLを使用するSDLの代替です。オブジェクト指向のAPIにより、初心者にとっても簡単な場合もあります。