Transparence et OpenGL

Version imprimable

Bonjour à tous

J'ai codé une petite fonction qui me permet de charger des images .png avec la transparence :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 void chargement_PNG_texture(char nom_du_fichier[], GLuint *texture) { SDL_Surface *imageSDL = NULL; imageSDL = IMG_Load(nom_du_fichier); glGenTextures( 1, &texture[0] ); glBindTexture( GL_TEXTURE_2D, texture[0] ); glTexImage2D( GL_TEXTURE_2D, 0, 4, imageSDL->w, imageSDL->h, 0, GL_RGBA, GL_UNSIGNED_BYTE, imageSDL->pixels ); glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR ); glTexParameteri( GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR ); SDL_FreeSurface(imageSDL); }
Cette fonction là marche très bien, cependant j'ai voulu aller plus loin, en créant une fonction qui charge plusieurs images, crée une SDL_Surface suffisamment grande pour les contenir et charge cette grande image.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 surface_d_accueil = SDL_CreateRGBSurface(SDL_HWSURFACE, largeur_totale, hauteur_totale, 32, 0, 0, 0, 0); /*On colle toutes les textures sur cette surface dans l'ordre de lecture, tout en notant les coordonnees de chaque coin de l'image, ces informations seront stockées dans le tableau de structure : coordonnes_textures*/ for(i = 0 ; i < nombre_de_textures ; i++) { if(numero_de_texture_valide[i]) { if( (position.x + images[i]->w) > largeur_totale) { position.x = 0; position.y += hauteur_max; } SDL_BlitSurface(images[i], NULL, surface_d_accueil, &position); coordonnes_textures[i].bas_gauche.x = (position.x) / largeur_totale; coordonnes_textures[i].bas_gauche.y = (position.y + images[i]->h) / hauteur_totale; coordonnes_textures[i].bas_droite.x = (position.x + images[i]->w) / largeur_totale; coordonnes_textures[i].bas_droite.y = (position.y + images[i]->h) / hauteur_totale; coordonnes_textures[i].haut_gauche.x = (position.x) / largeur_totale; coordonnes_textures[i].haut_gauche.y = (position.y) / hauteur_totale; coordonnes_textures[i].haut_droite.x = (position.x + images[i]->w) / largeur_totale; coordonnes_textures[i].haut_droite.y = (position.y) / hauteur_totale; position.x += images[i]->w; } }
Ca me permet de ne faire qu'un seul appel de texture puis de jouer uniquement sur les coordonnées pour passer d'une image à une autre.

Mais là grande surprise, je perds l'information de transparence ! Après avoir fait un petit test en SDL pour voir comment sont chargé les images, j'ai constaté que si je fais :
Code:

1 2 3 4 5 image1 = IMG_Load("mon_image_transparente.png"); image2 = SDL_CreateRGBSurface(SDL_HWSURFACE, 1024, 768, 32, 0, 0, 0, 0); SDL_BlitSurface(image1, NULL, image2, NULL); SDL_BlitSurface(image2, NULL, ecran, &position);
C'est en fait le fond de "image2" qui apparait à la place de la zone transparente et le fait de rendre ce fond transparent grâce à :

Code:

SDL_SetColorKey(image2, SDL_RLEACCEL | SDL_SRCCOLORKEY, SDL_MapRGB(image2->format, 0, 0, 0));

Règle le problème, mais uniquement en SDL !? En OpenGL, même avec cette ligne en plus la transparence n'est pas au rendez vous ....

J'ai essayé alors le tuto de nehe (leçon n°20), mais le problème c'est que pour faire fonctionner sa méthode il faut faire glDisable(GL_DEPTH_TEST); et donc pour faire de la 3D c'est pas ce qu'il y a de mieux ...

Quelqu'un aurait un idée du pourquoi je perds la transparence en créant une surface intermédiaire ? Ou se trouve mon erreur ?

Si quelqu'un à une autre solution pour avoir des textures avec les informations de transparence, je suis preneur.

Merci d'avance.

21/01/2010, 22h08
Lynix

C'est simple, la SDL ne gère qu'une couleur de transparence pour chaque image il me semble

Oui ça je sais, mais ce n'est pas le problème car quand je fais un truc comme ça en SDL :
Code:

1 2 3 4 5 6 7 image1 = IMG_Load("mon_image_transparente.png"); image2 = SDL_CreateRGBSurface(SDL_HWSURFACE, 1024, 768, 32, 0, 0, 0, 0); SDL_SetColorKey(image2, SDL_RLEACCEL | SDL_SRCCOLORKEY, SDL_MapRGB(image2->format, 0, 0, 0)); SDL_BlitSurface(image1, NULL, image2, NULL); SDL_BlitSurface(image2, NULL, ecran, &position);
En fait je charge une image avec des informations de transparence, je crée une surface vide et je la rend complètement transparente, je colle la 1ere image sur la 2eme et je l'affiche, ça marche ! Je peux voir l'image derrière les 2 surfaces.

Mais si je charge cette même image en OpenGL ça ne passe pas ... la transparence disparait ... et je ne vois pas du tout pourquoi dans un cas ça marche mais pas dans l'autre

21/01/2010, 22h42
Jackyzgood

Pour que ça soit plus claire je vais mettre les résultats des tests fait en SDL en images :

http://ups.imagup.com/06/1264157381.jpeg

A gauche l'image telle qu'elle devrait être, la surface ecran est bleu et on peut la voir à travers le hublot.
A droite c'est la même image mais que j'ai d'abord blité sur une surface intermédiaire. On ne voit pas le fond bleu => l'image n'est pas transparente.

http://ups.imagup.com/06/1264157408.jpeg

Ici les mêmes images, la seule chose qui change est :

Code:

SDL_SetColorKey(image2, SDL_RLEACCEL | SDL_SRCCOLORKEY, SDL_MapRGB(image2->format, 0, 0, 0));

J'ai donc d'abord rendu la surface d'accueil transparente et ce n'est qu'après que je fais un blit. Dans ce cas là on voit très bien l'image situé derrière.

Donc normalement le coté SDL est OK. C'est du coté de l'openGL que ça bloque.