opengl|es - 2D繪製

本文關注的是基於SDL的OPENGL|ES(下文簡稱ES)的2D繪製的實現方式。

ES中常見的實現2D的方法是使用正投影，然後繪製2D紋理

      glDisable( GL_DEPTH_TEST ) ; glMatrixMode( GL_PROJECTION ) ; glLoadIdentity() ; /* * Upside-down square viewport: it maps the screen as if the (arbitrary-set) resolution were * 1000x1000 pixels. * */ glOrtho( /* left */ 0, /* right */ 1000, /* bottom */ 1000, /* top */ 0, /* near */ 0, /* far */ 1 ) ; - or, preferably to keep the 4/3 ratio like 800x600, 640x480, 1024x768, etc. - // Non-reversed 4/3 viewport: glOrtho( /* left */ -320.0f, /* right */ 320.0f, /* bottom */ -240.0f, /* top */ 240.0f, /* near */ -1, /* far */ 1 )  

這裏有三個問題，

其一SDL與ES的座標系統不同，SDL的（0，0）在屏幕的左上角，而ES的在屏幕的左下角，這裏可以使用上下反轉的正投影來解決，或者在每次繪製前使用如下的變換，

glMatrixMode( GL_TEXTURE ) ; glLoadIdentity() ; glScalef( 1, -1, 1 ) ; 

其二OPENGL認爲自己擁有整個屏幕，對於顯示緩存，只能使用OPENGL進行控制

其三在OPENGL與SDL之間的BLIT，當SDL選擇OPENGL模式的時候（OPENGLBLIT模式是不被推薦的）是不能之間進行的，這裏使用了技巧，是將SDL的緩存轉換成了OPENGL的材質，然後供OPENGL的2D顯示使用，如下

/* Use the surface width and height expanded to powers of 2，OPENGL 的紋理大小必須是2的倍數 */ w = gy_powerOfTwo(surface->w); h = gy_powerOfTwo(surface->h); texcoord[0] = 0; /* Min X */ texcoord[1] = 0; /* Min Y */ texcoord[2] = surface->w / (gy_real32)w; /* Max X */ texcoord[3] = surface->h / (gy_real32)h; /* Max Y */ image = SDL_CreateRGBSurface( SDL_SWSURFACE, w, h, 32, #if SDL_BYTEORDER != SDL_BIG_ENDIAN /* OpenGL RGBA masks */ 0x000000ff, 0x0000ff00, 0x00ff0000, 0xff000000 #endif ); if ( image == NULL ) { return 0; } /* Save the alpha blending attributes */ saved_flags = surface->flags&(SDL_SRCALPHA|SDL_RLEACCELOK); saved_alpha = surface->format->alpha; if ( (saved_flags & SDL_SRCALPHA) == SDL_SRCALPHA ) { } SDL_SetAlpha(surface, SDL_SRCALPHA, saved_alpha);//記得在正投影后設置紋理的環境時，使用GL_MODULATE模式 /* Copy the surface into the GL texture image */ area.x = 0; area.y = 0; area.w = surface->w; area.h = surface->h; SDL_BlitSurface(surface, &area, image, &area); /* Restore the alpha blending attributes */ if ( (saved_flags & SDL_SRCALPHA) == SDL_SRCALPHA ) { SDL_SetAlpha(surface, saved_flags, saved_alpha); } /* Create an OpenGL texture for the image */ glGenTextures(1, &texture); //生成紋理 glBindTexture(GL_TEXTURE_2D, texture); //選擇紋理 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); glTexImage2D( GL_TEXTURE_2D, 0, GL_RGBA, w, h, 0, GL_RGBA, GL_UNSIGNED_BYTE/*每種顏色8位*/, image->pixels); SDL_FreeSurface(image); /* No longer needed */  

最後值得注意的是，ES在紋理繪製時選擇使用glDrawElements函數，其最後一個參數是索引值，由於OPENGL是狀態機驅動的，整個座標系統是提前將狀態設置好的，不用總是在困擾與這個東西是如何繪製出來，呵呵，如下是glDrawElements的使用方式 glBindTexture(GL_TEXTURE_2D, uiTexture); glEnableClientState( GL_VERTEX_ARRAY ); glEnableClientState( GL_NORMAL_ARRAY ); glEnableClientState( GL_TEXTURE_COORD_ARRAY ); glNormalPointer( GL_FLOAT, 0, rnormal ); glVertexPointer(3, GL_FLOAT, 0, vertex); //注意紋理座標體系和點座標體系是不同的 glTexCoordPointer(2,GL_FLOAT,0,textures ); glDrawElements( GL_TRIANGLES,6,GL_UNSIGNED_BYTE,trivert); glDisableClientState( GL_TEXTURE_COORD_ARRAY ); glDisableClientState( GL_VERTEX_ARRAY );