SFML Shader funktioniert nicht

Question

Ich versuche einen Outline-Effekt zu meinen Buttons zu erstellen, wenn sie angeklickt werden, aber atm Ich teste gerade Sachen mit Shadern ... wenn ich etwas mit meinem Shader zeichne, rendert es die Form komplett schwarz

#include <SFML\Graphics.hpp> 

int main(){ 
    sf::RenderWindow window(sf::VideoMode(500, 500), "hello world", sf::Style::Close); 

    sf::RectangleShape rect; 
    rect.setSize(sf::Vector2f(100, 100)); 
    rect.setFillColor(sf::Color::Red); 

    sf::Shader blur; 
    if (!blur.loadFromFile("blur.frag", sf::Shader::Fragment)){ 
     return 1; 
    } 
    if (!blur.isAvailable()){ 
     return 1; 
    } 
    blur.setUniform("texture", sf::Shader::CurrentTexture); 
    blur.setUniform("blur_radius", 0.002f); 

    while (window.isOpen()){ 

     sf::Event evnt; 

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

     window.clear(sf::Color(0, 100, 100)); 

     sf::RenderStates state; 
     state.shader = &blur; 
     window.draw(rect, state); 

     window.display(); 
    } 
    return 0; 
} 

und mein Shader-Code.

uniform sampler2D texture; 
uniform float blur_radius; 

void main() 
{ 
    vec2 offx = vec2(blur_radius, 0.0); 
    vec2 offy = vec2(0.0, blur_radius); 

    vec4 pixel = texture2D(texture, gl_TexCoord[0].xy)    * 4.0 + 
       texture2D(texture, gl_TexCoord[0].xy - offx)  * 2.0 + 
       texture2D(texture, gl_TexCoord[0].xy + offx)  * 2.0 + 
       texture2D(texture, gl_TexCoord[0].xy - offy)  * 2.0 + 
       texture2D(texture, gl_TexCoord[0].xy + offy)  * 2.0 + 
       texture2D(texture, gl_TexCoord[0].xy - offx - offy) * 1.0 + 
       texture2D(texture, gl_TexCoord[0].xy - offx + offy) * 1.0 + 
       texture2D(texture, gl_TexCoord[0].xy + offx - offy) * 1.0 + 
       texture2D(texture, gl_TexCoord[0].xy + offx + offy) * 1.0; 

    gl_FragColor = gl_Color * (pixel/16.0); 
} 

ich ein unscharfes rotes Rechteck in der linken oberen cornor erscheinen erwarten Theres, sondern ein schwarzes festes Rechtecks.

Answer 1

Da rect keine Textur daran binden hat, alle Pixel in blur.frag verwendet werden, sind ungültig, ich denke, es schwarze Pixel in diesem Fall benutzen, damit das schwarze Rechteck.

Sie sollten create a texture (verwenden Sie sf::RenderTexture), zeichnen Sie, was Sie wollen, dann erstellen Sie eine oben drauf und zeichnen Sie dieses Sprite. Alternativ können Sie eine Textur from an image laden.

#include <SFML/Graphics.hpp> 

int main(){ 
    sf::RenderWindow window(sf::VideoMode(200, 200), "hello world", sf::Style::Close); 
    window.setFramerateLimit(60); 

    sf::RectangleShape rectBlue; 
    rectBlue.setSize(sf::Vector2f(100, 50)); 
    rectBlue.setFillColor(sf::Color::Blue); 
    sf::RectangleShape rectYellow; 
    rectYellow.setSize(sf::Vector2f(100, 50)); 
    rectYellow.setFillColor(sf::Color::Yellow); 
    rectYellow.setPosition(0, 50); 

    sf::RenderTexture renderTexture; 
    if (!renderTexture.create(100, 100)){ //create a render texture 
     return 1; 
    } 
    renderTexture.clear(); 
    renderTexture.draw(rectBlue); //draw blue rect on the render texture 
    renderTexture.draw(rectYellow); //draw yellow rect 
    renderTexture.display(); 
    sf::Sprite sprite(renderTexture.getTexture()); //create a sprite from the created texture 

    sf::Shader blur; 
    if (!blur.loadFromFile("blur.frag", sf::Shader::Fragment)){ 
     return 1; 
    } 
    if (!blur.isAvailable()){ 
     return 1; 
    } 
    blur.setUniform("texture", sf::Shader::CurrentTexture); 
    blur.setUniform("blur_radius", 0.05f); 

    while (window.isOpen()){ 

     sf::Event evnt; 

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

     window.clear(sf::Color(0, 100, 100)); 
     window.draw(sprite, &blur); //draw the sprite with blur shader 
     window.display(); 
    } 
    return 0; 
} 

Ergebnis: