[SFML 2.4/ OpenGL] Shader flou sur vertex array pour générer un fond spatial dynamique

Bonjour,

J'essais en ce moment de créer un fond dynamique représentant une vue dans l'espace, c'est-à-dire avec pas mal d'étoiles qui brillent.
J'ai donc dessiner à l'aide d'un sf::VertexArray chacune de mes étoiles et je les fait clignotées en faisant varier leurs opacité. Chaque étoile a une couleur différente et aucune texture.
Pour gagner en performance, j'ai utilisé 3 vertices pour représenter une étoile(donc un triangle). Les étoiles étant petites, on ne vois pas que ce sont des triangles.
En revanche, j'aurais aimé appliquer un flou sur mon vertexArray pour créer une sorte d'halo autour de chaque étoile tout en floutant mes triangles.

Je ne m'y connais que très très peu en GLSL, le seul shader que j'ai réussi à faire pour le moment est un simple shader transformant une image couleur en noir et blanc.
En revanche, je ne sais pas du tout comment travailler sur un vertexArray qui n'a aucune texture. Ce ne sont que des vertices ayant des couleurs. Est-ce que je peux réellement réussir à appliquer un flou à ce vertexArray?

J'ai essayé pas mal de shader du net, mais forcément ceux-ci servaient tous à travailler sur des images :/

Donc pour résumé, je demande votre aide principalement pour savoir s'il est vraiment possible d'appliquer un flou sur un vertexArray en utilisant un shader et si oui, auriez-vous des pistes sur la façon de procéder?

Merci à vous!
Pièce jointe 391178

Citation:

---

Envoyé par Koseki

J'ai essayé pas mal de shader du net, mais forcément ceux-ci servaient tous à travailler sur des images :/

---

Voilà le cœur de ton problème, à ma connaissance les techniques pour flouter sont basées sur un traitement de l'image à posteriori.
Dans ton cas par exemple une approche simple serait de rendre ton fond étoilé en utilisant un traitement de flou à base d'un shader (pixel shader) afin de créer une texture que tu utiliserais ensuite comme fond de ton rendu final.

Désolé pour la concision ou de ne pas prendre le temps de trouver des sources ou liens, mais le sujet est assez basique en matière de shader et tu ne devrais pas avoir de mal à en trouver.

Bonjour,

Citation:

---

J'ai essayé pas mal de shader du net, mais forcément ceux-ci servaient tous à travailler sur des images :/

---

Oui, mais vous pouvez aussi travailler sur des images, en effectuant le rendu dans un tampon de rendu.

Toutefois, pour les étoiles, vous devriez (d'après moi) utiliser des quads (des sprites) en utilisant une image de ce type :

https://i.pinimg.com/236x/19/e9/fb/1...c753e58be5.jpg

Merci pour ta réponse Piraaate,

J'ai donc essayer de dessiner mon vertexArray dans un RenderTexture pour y appliquer un flou via un fragment shader.
J'avouerais que le résultat me convient pas trop, mais ça fonctionne!

Voici le fragment shader que j'ai utilisé(récupérer dans les exemples de la SFML il me semble)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

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); }

---

Il floute bien(en utilisant une valeur de 0.001 pour le blur radius O_o) mais ça ne créer pas vraiment l'effet d'halo que je voulais au départ. Il va donc falloir que je trouve d'autres approches pour avoir un beau fond spatial dynamique, si jamais quelqu'un s'est déjà penché dessus ou que quelqu'un travail actuellement dessus, n'hésitez pas à mettre vos idées en commun. On peux toujours essayer d'y réfléchir à plusieurs :)

Edit: L'idée d'utiliser des quads et de plaquer une image n'est pas si mal je pense. ça m'embêtais un peu pour les performances, mais vue que j'utilise qu'un seul vertexArray au final, plaquer une texture dessus ne changera quasi pas les performances. C'est surement même plus intéressant que d'utiliser les shaders qui seront certainement plus gourmands. Je m'y attaque et je vous dit quoi!

Salut,

Tu peux aussi générer tout directement avec un fragment shader.

Peut être que ceci te plaira ou pourra te servir de base: https://www.shadertoy.com/view/XlfGRj

Wow, c'est assez impressionnant!

J'ai essayer en appliquant une texture, ça donne ceci:
Pièce jointe 391275

Merci pour ta réponse wax78, je vais regarder ce shader et l'essayer dès que je peux! Personnellement, j'ai besoin d'un fond fixe mais avec les étoiles qui scintillent. Je regarderais comment je peux le modifier ou m'en inspirer pour pondre quelque chose de bien :)

Salut !
Pour obtenir un effet de halo, tu peux te pencher sur un effet de type bloom : https://learnopengl.com/Advanced-Lighting/Bloom, ou http://prideout.net/archive/bloom/