Discussion :

[theclem35]

Salut,

J'ai un petit soucis que je n'arrive pas a resoudre.

Je souhaite creer une surface transparente afin ensuite, d'y blitter plusieurs textes dans plusieurs endroits.
Le soucis que je rencontre est qu'il me reste un liseré autour de chaque lettre de mes polices blittées, et ce, de la couleur du fond original de la surface (ici 0,0,0 donc noir)
Ce qui me donne un texte moche.

Je ne sais pas comment m'en sortir !

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
    VariablesSDL->SurfDecoJoueur = SDL_CreateRGBSurface(SDL_HWSURFACE | SDL_SRCALPHA, 800, 300, 32, 0, 0, 0, 0);
    SDL_SetColorKey(VariablesSDL->SurfDecoJoueur, SDL_SRCCOLORKEY, SDL_MapRGB(VariablesSDL->SurfDecoJoueur->format, 0, 0, 0));
    VariablesSDL->CouleurRouge.r = 229;
    VariablesSDL->CouleurRouge.g = 0;
    VariablesSDL->CouleurRouge.b = 0;
 
    VariablesSDL->PolicePerteConnexion = TTF_OpenFont("polices/Fontastique.ttf", 40);
 
    TTF_SetFontStyle(VariablesSDL->PolicePerteConnexion, TTF_STYLE_BOLD | TTF_STYLE_UNDERLINE);
    strcpy(ChainePerteConnexion1,"Attention !");
    VariablesSDL->TextePerteConnexion1 = TTF_RenderText_Blended(VariablesSDL->PolicePerteConnexion, ChainePerteConnexion1, VariablesSDL->CouleurRouge);
    VariablesSDL->PositionPerteConnexion1.x = (VariablesSDL->SurfDecoJoueur)->w / 2 - VariablesSDL->TextePerteConnexion1->w / 2;
    VariablesSDL->PositionPerteConnexion1.y = 0;
 
    TTF_SetFontStyle(VariablesSDL->PolicePerteConnexion, TTF_STYLE_NORMAL);
    strcpy(ChainePerteConnexion2,"La connexion avec l'autre joueur a été perdue !");
    VariablesSDL->TextePerteConnexion2 = TTF_RenderText_Blended(VariablesSDL->PolicePerteConnexion, ChainePerteConnexion2, VariablesSDL->CouleurRouge);
    VariablesSDL->PositionPerteConnexion2.x = (VariablesSDL->SurfDecoJoueur)->w / 2 - VariablesSDL->TextePerteConnexion2->w / 2;
    VariablesSDL->PositionPerteConnexion2.y = 50;
    strcpy(ChainePerteConnexion3,"Les scores vont bientôt s'afficher...");
    VariablesSDL->TextePerteConnexion3 = TTF_RenderText_Blended(VariablesSDL->PolicePerteConnexion, ChainePerteConnexion3, VariablesSDL->CouleurBlanche);
    VariablesSDL->PositionPerteConnexion3.x = (VariablesSDL->SurfDecoJoueur)->w / 2 - VariablesSDL->TextePerteConnexion3->w / 2;
    VariablesSDL->PositionPerteConnexion3.y = 150;
 
    SDL_BlitSurface(VariablesSDL->TextePerteConnexion1, NULL, VariablesSDL->SurfDecoJoueur, &VariablesSDL->PositionPerteConnexion1);
    SDL_BlitSurface(VariablesSDL->TextePerteConnexion2, NULL, VariablesSDL->SurfDecoJoueur, &VariablesSDL->PositionPerteConnexion2);
    SDL_BlitSurface(VariablesSDL->TextePerteConnexion3, NULL, VariablesSDL->SurfDecoJoueur, &VariablesSDL->PositionPerteConnexion3);

Merci!!!

[LittleWhite]

Bonjour,

(Notez qu'il y a un forum SDL, dans la section 2D / 3D / Jeux Videos )

La technique est de dire à SDL que le noir est une couleur de transparence.

SDL_SetColorKey(VariablesSDL->SurfDecoJoueur, SDL_SRCCOLORKEY, SDL_MapRGB(VariablesSDL->SurfDecoJoueur->format, 0, 0, 0));

Comme ça, mais pour chaque surface ou on en a besoin.
Après, l'histoire est que ... si un pixel n'est pas parfaitement de cette couleur, il ne va pas être transparent. Je pense que c'est votre cas.

[theclem35]

Oui ca doit surement etre ca!

Ce que je ne comprend pas c'est que :
- Je cree ma surface (pleine de noir)
- J'enleve le noir (du moins je le rend transparent)
- Ensuite je blitte mon texte en Blended, il devrait donc le blitter sur du transparent, sauf que si j'ai un liseré noir, cela veut dire quil le blitte sur du noir !

C'est quand meme etonnant qu'il n'y ait pas de solution non?

[LittleWhite]

Oui ca doit surement etre ca!

Ce que je ne comprend pas c'est que :
- Je cree ma surface (pleine de noir)
- J'enleve le noir (du moins je le rend transparent)
- Ensuite je blitte mon texte en Blended, il devrait donc le blitter sur du transparent, sauf que si j'ai un liseré noir, cela veut dire quil le blitte sur du noir !

C'est quand meme etonnant qu'il n'y ait pas de solution non?

Le truc, c'est que ce n'est pas la surface destination qui doit être mise en transparente, mais les surfaces blitter.
Dans le sens que, lors du blit, SDL, si la couleur est totalement transparente (comme avec le COLOR_KEY), il va juste ne rien faire.
Mais cela dépend que de la surface source, et non de celle de destination :p

[theclem35]

Euh j'ai pas tout compris !

Dans l'ordre ca donne quoi ?

Je cree ma surface carrée en noir,
Je fais un SDL colorkey
Je cree mon texte
Je refais un SDL colorkey
Je blitte le texte sur la surface ?

[LittleWhite]

Ou plus simple.

Création de la fenetre destination
Création du texte
Application de la couleur de transparence sur la surface du texte
Blit

[theclem35]

Salut,

J'ai essayé de suivre ce que tu m'as dit et j'ai toujours le liseré noir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/* Message de déconnexion d'un joueur */
    VariablesSDL->SurfDecoJoueur = SDL_CreateRGBSurface(SDL_HWSURFACE | SDL_SRCALPHA, 800, 300, 32, 0, 0, 0, 0);
 
    VariablesSDL->CouleurRouge.r = 229;
    VariablesSDL->CouleurRouge.g = 0;
    VariablesSDL->CouleurRouge.b = 0;
 
    VariablesSDL->PolicePerteConnexion = TTF_OpenFont("polices/Fontastique.ttf", 40);
 
    TTF_SetFontStyle(VariablesSDL->PolicePerteConnexion, TTF_STYLE_BOLD | TTF_STYLE_UNDERLINE);
    strcpy(ChainePerteConnexion1,"Attention !");
    VariablesSDL->TextePerteConnexion1 = TTF_RenderText_Blended(VariablesSDL->PolicePerteConnexion, ChainePerteConnexion1, VariablesSDL->CouleurRouge);
    VariablesSDL->PositionPerteConnexion1.x = (VariablesSDL->SurfDecoJoueur)->w / 2 - VariablesSDL->TextePerteConnexion1->w / 2;
    VariablesSDL->PositionPerteConnexion1.y = 0;
 
SDL_SetColorKey(VariablesSDL->TextePerteConnexion1, SDL_SRCCOLORKEY, SDL_MapRGB(VariablesSDL->TextePerteConnexion1->format, 0, 0, 0));
 
    TTF_SetFontStyle(VariablesSDL->PolicePerteConnexion, TTF_STYLE_NORMAL);
    strcpy(ChainePerteConnexion2,"La connexion avec l'autre joueur a été perdue !");
    VariablesSDL->TextePerteConnexion2 = TTF_RenderText_Blended(VariablesSDL->PolicePerteConnexion, ChainePerteConnexion2, VariablesSDL->CouleurRouge);
    VariablesSDL->PositionPerteConnexion2.x = (VariablesSDL->SurfDecoJoueur)->w / 2 - VariablesSDL->TextePerteConnexion2->w / 2;
    VariablesSDL->PositionPerteConnexion2.y = 50;
 
SDL_SetColorKey(VariablesSDL->TextePerteConnexion2, SDL_SRCCOLORKEY, SDL_MapRGB(VariablesSDL->TextePerteConnexion2->format, 0, 0, 0));
 
    strcpy(ChainePerteConnexion3,"Les scores vont bientôt s'afficher...");
    VariablesSDL->TextePerteConnexion3 = TTF_RenderText_Blended(VariablesSDL->PolicePerteConnexion, ChainePerteConnexion3, VariablesSDL->CouleurBlanche);
    VariablesSDL->PositionPerteConnexion3.x = (VariablesSDL->SurfDecoJoueur)->w / 2 - VariablesSDL->TextePerteConnexion3->w / 2;
    VariablesSDL->PositionPerteConnexion3.y = 150;
 
SDL_SetColorKey(VariablesSDL->TextePerteConnexion3, SDL_SRCCOLORKEY, SDL_MapRGB(VariablesSDL->TextePerteConnexion3->format, 0, 0, 0));
 
    SDL_BlitSurface(VariablesSDL->TextePerteConnexion1, NULL, VariablesSDL->SurfDecoJoueur, &VariablesSDL->PositionPerteConnexion1);
    SDL_BlitSurface(VariablesSDL->TextePerteConnexion2, NULL, VariablesSDL->SurfDecoJoueur, &VariablesSDL->PositionPerteConnexion2);
    SDL_BlitSurface(VariablesSDL->TextePerteConnexion3, NULL, VariablesSDL->SurfDecoJoueur, &VariablesSDL->PositionPerteConnexion3);
 
SDL_SetColorKey(VariablesSDL->SurfDecoJoueur, SDL_SRCCOLORKEY, SDL_MapRGB(VariablesSDL->SurfDecoJoueur->format, 0, 0, 0));
 
    VariablesSDL->PositionDecoJoueur.x = 0;
    VariablesSDL->PositionDecoJoueur.y = 150;
/* Fin */

[LittleWhite]

Je rappelle que j'avais émis une autre hypothèse:

Après, l'histoire est que ... si un pixel n'est pas parfaitement de cette couleur, il ne va pas être transparent. Je pense que c'est votre cas.

EDIT:

Et après vérification, c'est bien votre problème.
Pour le résoudre, il faut utiliser TTF_RenderText_Solid à la place de TTF_RenderText_Blended.

[theclem35]

Bonjour,

Effectivement c'est le cas, mais du coup avec Solid c'est super moche, surtout pour un texte écrire un texte en 40pt :/

Au final il n'y a pas d'autre solution pour faire appaitre une multitude de texte, juste en appellant une seule surface au lieu de toutes les blitter à chaque fois ?

[LittleWhite]

En fait, si vous voulez avoir du Blended, il faudrai faire le blit directement sur la surface finale.

Sinon, si vous tenez tant à votre surface intermédiaire ... il faut peut être essayé de blitter en Blended mais sur une surface de destination complètement transparante ... enfin ... c'est une idée, je n'en suis pas sur.

[theclem35]

Ce n'est pas ce que j'ai fait au debut en creeant une surface completement noire et en applicant la transparence avec setKeyColor ??

[LittleWhite]

Ce n'est pas ce que j'ai fait au debut en creeant une surface completement noire et en applicant la transparence avec setKeyColor ??

Euh non ...
Car le setKeyColor n'est utilisé que lorsque la surface est source.

[theclem35]

J'ai aussi essayer de creer ma surface, puis de la rendre transparente comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
SDL_FillRect(VariablesSDL->SurfDecoJoueur, NULL, SDL_MapRGBA(VariablesSDL->SurfDecoJoueur->format, 0, 0, 0, 0)); 
SDL_SetAlpha(VariablesSDL->SurfDecoJoueur, SDL_SRCALPHA, 0);

Mais lorsque j'essaye de blitter n'importe quoi dessus après, tout est rendu transparent (je suppose) car on ne voit rien dans l'application principale.