Sprite Mask Problem

[doctormiller]

Hello everyone, I'm trying to learn SFML right now and i wanted to make a simple menu with a sprite image, so I made this thing :

(click to show/hide)

#include <cstdlib>
#include <iostream>
#include <SFML/Graphics.hpp>

using namespace sf;

int main()
{
    RenderWindow window(VideoMode(600, 600), "SFML works!");
    Image menu1;
    Image menu2;
    Sprite sm1;
    Sprite sm2;

    menu1.loadFromFile("img/SMenu1.bmp");
    menu2.loadFromFile("img/SMenu2.bmp");
    Texture m1;
    Texture m2;

    menu1.createMaskFromColor(Color(85,255,127));

    m1.loadFromImage(menu1);
    m2.loadFromImage(menu2);
    m1.setSmooth(true);
    m2.setSmooth(true);
    sm1.setTexture(m1);
    sm2.setTexture(m2);


    while (window.isOpen())
    {
        Event event;
        while (window.pollEvent(event))
        {
            if (event.type == Event::Closed)
                window.close();
        }

        window.clear();
        window.draw(sm1);
        window.display();
    }

    return 0;
}

I only wanted to make the image appear with a good transparency, so i used that image :

(click to show/hide)

In the code it's related to

menu1.loadFromFile("img/SMenu1.bmp");

and then i applied the Mask and I smoothed the texture but in the application it's horrible like that :

(click to show/hide)

Are they other solutions that i can use to made this thing works correctly ?

[Ixrec]

1) Don't smooth textures when you want things to be pixel-perfect.  Smoothing, by definition, blurs pixels together.

2) There's no reason to use an opaque image and create a mask from it.  Just make a .png image with actual transparency, and load that directly into a texture.  Your code will be much simpler:

(click to show/hide)

#include <cstdlib>
#include <iostream>
#include <SFML/Graphics.hpp>

using namespace sf;

int main()
{
    RenderWindow window(VideoMode(600, 600), "SFML works!");

    Texture t1;
    t1.loadFromFile("img/SMenu1.png");
    Sprite s1;
    s1.setTexture(t1);

    while (window.isOpen())
    {
        Event event;
        while (window.pollEvent(event))
        {
            if (event.type == Event::Closed)
                window.close();
        }

        window.clear();
        window.draw(s1);
        window.display();
    }

    return 0;
}
 

2a) If you don't know how to create image files with actual transparency, that's probably because MS Paint doesn't know either.  If you use a competent image editor like paint.net or GIMP, it's trivial.

[doctormiller]

Thanks for the help, i searched a lot and indeed making a .png file with transparency seems the best and easier way to do that, thank you again and have a nice evening !