[Solved]How to stop a color from displaying?

[The Illusionist Mirage]

Hello

I have this png file:



Firstly i load it as a texture(using loadfromFile function) and then create a sprite and decide the part of the texture I want to display(using sf::IntRect).

.
.
.

sf::Texture PlayTexture;

if(!PlayTexture.loadfromFile("Play.png"))
  return EXIT_FAILURE;
sf::Sprite PlayNotSelected;
PlayNotSelected.setTexture(PlayTexture);
PlayNotSelected.setTextureRect(sf::IntRect(1, 1, 80, 30));
.
.
.
 

Now when I draw it in my SFML window, which was previously loaded with another sprite having a magenta background, something like this occurs:



My question is how do I remove the white from the png file display it as if it has no background color? And the way I displayed my window background and play.png, is ther any better way to do so?

Like here:


Details:
I browsed the internet to clarify this and came accross terms like color masking or so but didn't understand them quite well. If this preocess has a particular name, please tell me that also

Thanks

[eXpl0it3r]

At best you change the original texture to use a transparent background (e.g. use GIMP), so it will be transparent at loading. Otherwise you first load it as sf::Image and then call createMaskFromColor. Afterwards you can simply call loadFromImage from your texture.

[The Illusionist Mirage]

At best you change the original texture to use a transparent background (e.g. use GIMP), so it will be transparent at loading. Otherwise you first load it as sf::Image and then call createMaskFromColor. Afterwards you can simply call loadFromImage from your texture.

So my approach was also not quite bad, huh?(loading a background image as texture, then converting it to a sprite and displaying it and also the same for that play.png)

And setting alpha = 0 will enable me to display whatever color is in the background (i.e., previously loaded in the window before drawing play.png) ?

Thanks !!!

[eXpl0it3r]

loading a background image as texture, then converting it to a sprite and displaying it

You don't convert a texture to a sprite. You apply a texture to a sprite, i.e. the sprite holds a reference to the texture. A sprite is nothing else than a quad, i.e. four points that forum a rectangle and define where those points are located and what part of the texture is being displayed.
And yes the normal way to go is, load image, apply to sprite, draw sprite.

And setting alpha = 0 will enable me to display whatever color is in the background (i.e., previously loaded in the window before drawing play.png) ?

What settings are you talking about?
If you want to change the background color individually, you'll best use an image with the fancy text and then draw a colored rectangle shape and on top of that your image. And if you only want to use text, you could use SFML's built in sf::Text.

[Ixrec]

I assume he's talking about the color argument passed to window.clear(), since that essentially is the "background color" of the window if nothing opaque is ever drawn on top of it before display() gets called.

[The Illusionist Mirage]

What settings are you talking about?If you want to change the background color individually, you'll best use an image with the fancy text and then draw a colored rectangle shape and on top of that your image. And if you only want to use text, you could use SFML's built in sf::Text.

No I wanted to only use the method of displaying the text from an image without its background(if it had one) to the windwo as if normal text was displayed.

What settings are you talking about?

Sorry, as I asked the question in a rather foolish manner after going through the SFML doc..
Apologies.

I assume he's talking about the color argument passed to window.clear(), since that essentially is the "background color" of the window if nothing opaque is ever drawn on top of it before display() gets called.

No, I didn't intend that. I very clearly know that window.clear() is used to update(or clear or whatever it's called) to any color that the user wants.

Well Thanks, since Exploiter already cleared my query and now I just succeded in doing what I wanted(please see the pics at the beginning of the post where a sprite is drawn atop another; first without applying transparent colo and second, after applying transparent color).

P.S. : If I am wrong somewhere, please correct me.

[Engineer]

Just don't get through ALL this fuss, just get paint.net, magic wand and CTRL+X the white background. SFML handles pretty well the alpha channel (= transparency).