Transformer un point sprite en sphere

Version imprimable

Voir 40 message(s) de cette discussion en une page

31/12/2010, 16h06
m_power_hax

Transformer un point sprite en sphere

Bonjour,

C'est mon premier post ici. Le forum semble bien, et comme je n'ai pas obtenu de réponse à ma question sur les forums anglais, je vais vous poser ma question.

Je désire transformer un point sprite en sphere en utilisant des shaders et des textures. Présentement j'ai ces deux textures :
http://i803.photobucket.com/albums/y...ax/sphere1.png
http://i803.photobucket.com/albums/y...mhax/depth.png

Vous comprendrez que je veux etre en mesure de tourner autour du point sprite et d'avoir l'impression qu'il s'agit bien d'une sphere, donc la texture doit varier avec la lumière en tournant autour de la sphere.

J'ai été en mesure d'utiliser la texture (seulement 1 texture) et de l'appliquer au point sprite. Le rendu est bien, mais en tournant autour de la sphere, la texture est toujours la meme, ce qui diminue l'effet de 3D.

Est-ce qu'il y a quelqu'un avec une solution? Merci.
31/12/2010, 18h09
TNT89

La deuxième image ressemble à une boule de de cristal, non?
:aie:

Tu as une illustration de ce qui "diminue l'effet de 3D"?
Tu peux faire du multi-texturing et du Shading avec du "point-sprite"? Si oui, essaie de faire un peu de Bump-mapping pour améliorer les reflets sur la surface des sphères...
31/12/2010, 21h29
m_power_hax

Citation:

Envoyé par TNT89

La deuxième image ressemble à une boule de de cristal, non?
:aie:

Tu as une illustration de ce qui "diminue l'effet de 3D"?
Tu peux faire du multi-texturing et du Shading avec du "point-sprite"? Si oui, essaie de faire un peu de Bump-mapping pour améliorer les reflets sur la surface des sphères...

Ca diminue l'effet de 3D dans le sens ou, lorsqu'on tourne autour de la sphere, on regarde toujours la meme texture, ce qui n'est pas logique. En réalité, si on tourne autour d'une sphère qui est éclairé, elle ne sera pas éclairer identiquement de tous les cotés.

Je sais qu'il est possible de faire du shading et du texturing avec les point-sprite. Beaucoup de gens semble utiliser cette technique pour leur engin de particules. J'ai seulement été incapable de trouver des examples de code démontrant comment faire cela. J'ai donc aucune idée de comment implenter le tout. J'ai les textures, et je dois utiliser la deuxième image de depth pour faire l'illusion de 3D je crois. Mais encore la, j'aimerais bien que quelqu'un approuve le tout!
02/01/2011, 16h00
stardeath

il faut que dans ton shader tu recréé l'illumination de la sphère, donc récréer une géométrie virtuelle de ta sphère, càd, avoir le centre, le rayon, et calculer une normale de la sphère au pixel que tu es en train de traiter dans le shader.

utiliser tes 2 textures ne servira à rien, vu que sur la première on a les tâches spéculaires qui dépendent d'où tu te trouves par rapport à la lumière.

Citation:

Envoyé par stardeath

il faut que dans ton shader tu recréé l'illumination de la sphère, donc récréer une géométrie virtuelle de ta sphère, càd, avoir le centre, le rayon, et calculer une normale de la sphère au pixel que tu es en train de traiter dans le shader.

utiliser tes 2 textures ne servira à rien, vu que sur la première on a les tâches spéculaires qui dépendent d'où tu te trouves par rapport à la lumière.

Exact. Maintenant, comment je peux recréer une géométrie virtuelle de sphere à partir du point sprite? Je voulais utiliser les textures, car certaine personne m'ont dit que ca serait plus rapide. Le code ci-dessous fonctionne, mais il n'affiche qu'une géométrie 2D. Je ne veux pas que mon point sprite demeure en 2D, il faut que la sphere soit 3D. Dans le code du fragment shader, l'image 2D de la sphere fait toujours face à l'utilisateur, je ne sais pas comment changer cela! AIDE!!!
Code:

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 uniform float pointRadius; // point size in world space uniform vec3 lightDir = vec3(0.577, 0.577, 0.577); varying vec3 posEye; // position of center in eye space void main() { //const vec3 lightDir = vec3(0.577, 0.577, 0.577); const float shininess = 50.0; // calculate normal from texture coordinates vec3 N; N.xy = gl_TexCoord[0].xy*vec2(2.0, -2.0) + vec2(-1.0, 1.0); float mag = dot(N.xy, N.xy); if (mag > 1.0) discard; // kill pixels outside circle N.z = sqrt(1.0-mag); // point on surface of sphere in eye space vec3 spherePosEye = posEye + N*pointRadius; // calculate lighting float diffuse = max(0.0, dot(lightDir, N)); // gl_FragColor = gl_Color * diffuse; vec3 v = normalize(-spherePosEye); vec3 h = normalize(lightDir + v); float specular = pow(max(0.0, dot(N, h)), shininess); gl_FragColor = gl_Color * diffuse + specular; } );

03/01/2011, 00h02
stardeath

hum, il te faut l'équation d'une sphère qui est x²+y²+z²=r²

donc à partir de la coordonnées de texture tu reconstruit le z, ce qui va te donner les coordonnées du point sur une sphère unité (rayon 1).

ensuite il va te falloir le centre de ta sphère, la taille de ta sphère et les coordonnées que l'on a calculées juste avant, avec tout ça, tu calcules un vrai vecteur normal (comment sur un vrai maillage de sphère) et tu peux finalement faire le calcul d'illumination comme si tu avais une sphère alors que tu n'as qu'un billboard.

je n'ai pas le temps de faire du code ce matin (cette nuit), mais si tu bloques, je regarderai ça ce soir.
03/01/2011, 08h55
TNT89

Si je ne m'abuse, il me semble que tu as seulement besoin du vecteur normal : pourquoi ne pas faire le calcul qu'une seule fois et stocker ces normales dans une texture? (puis, multi-texturing...)
03/01/2011, 11h08
stardeath

effectivement stocker ça dans une texture revient à faire le calcul qu'une seule fois, après il suffit de voir si faire un accès texture ne va pas plomber le reste.
03/01/2011, 20h11
m_power_hax

Citation:

Envoyé par TNT89

Si je ne m'abuse, il me semble que tu as seulement besoin du vecteur normal : pourquoi ne pas faire le calcul qu'une seule fois et stocker ces normales dans une texture? (puis, multi-texturing...)

ok, donc si je comprends bien, il faudrait que j'aille une image de chacune des normales de ma sphères dans une texture?
03/01/2011, 20h23
stardeath

oui
03/01/2011, 20h29
m_power_hax

Citation:

Envoyé par stardeath

oui

je crois déjà avoir vu cette technique quelque part. Est-ce que ca s'appelle faire du "atlas" ou quelque chose comme ca?
03/01/2011, 20h37
TNT89

Regarde peut-être ce tutoriel de Michel de VERDELHAN : http://mdeverdelhan.developpez.com/t...ght/tutoriel4/
Notamment l'image de la texture contenant les normales...
03/01/2011, 23h25
m_power_hax

Citation:

Envoyé par TNT89

Regarde peut-être ce tutoriel de Michel de VERDELHAN : http://mdeverdelhan.developpez.com/t...ght/tutoriel4/
Notamment l'image de la texture contenant les normales...

Cool! Maintenant où est-ce que je trouve une texture de normal pour une sphere (ou comment la faire?)?

de la même façon que si tu faisais le calcul dans le pixel shader :

admettons que l'on souhaite stocker ça dans une texture 64*64.

donc le rayon de notre sphère sera 32 et le centre en coordonnées (32, 32, 0) en gros.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
pour( chaque pixel de la texture ) faire
    si( pixel_courant est en dehors du cercle de rayon 32 )
    alors pixel_courant = (0, 0, 0) /* ne pas oublier d'exclure ces points dans le ps */
    sinon
        /* coordonnées recentrées par rapport au centre de la texture */
        z² = 32² - x_pixel² - y_pixel²
        z = racine(z²)
        point_surface = (x, y, z)
        point_surface = normalisation(point surface)
        pixel_courant = point_surface
    fin si
fin pour

Merci ca ma aider. Voici un apperçu du code que j'ai écris avec l'équation z² = r² - x² - y².

Vertex shader :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
uniform float pointRadius;  // point size in world space  
uniform float pointScale;   // scale to calculate size in pixels  
varying vec3 posEye;  
void main()  
{      
	// calculate window-space point size      
	posEye = vec3(gl_ModelViewMatrix * vec4(gl_Vertex.xyz, 1.0));
	float dist = length(posEye);      
	gl_PointSize = pointRadius * (pointScale / dist);  
	gl_TexCoord[0] = gl_TextureMatrix[0] * gl_MultiTexCoord0;
	gl_Position = gl_ModelViewProjectionMatrix * vec4(gl_Vertex.xyz, 1.0);
}

And the pixel shader :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
void main()
{
	vec2 pos = gl_TexCoord[0].xy - vec2(0.5, 0.5);
	// Discard fragments outside of the sphere
	if(length(pos) > 0.5)
		discard;
        float r = 0.5;
	float x = pos.x;
	float y = pos.y;
	float z = sqrt(r*r - x*x - y*y);
	vec3 normal = normalize(vec3(x, y, z));
	gl_FragColor = vec4(normal, 1.0);
}

j'ai par contre toujours le même problème, la texture de la sphère me fait toujours face, c'est-à-dire que peut importe comment je tourne autour, je vois toujours la même chose.

04/01/2011, 17h35
stardeath

la texture sera définitivement la même puisque c'est la même texture, la texture du premier post possède des tâches spéculaires, ce qui fait que ça sera de toute façon incorrect point de vue éclairage.

le pseudo code donné précédemment permet d'avoir les normales de la sphère pour recalculer INTÉGRALEMENT l'éclairage et donc de ne pas utiliser les textures.

par contre ça serait bien que tu mettes des screenshots, parce que là ça commence à être chaud de savoir ce que tu veux.

et dans ton pixel shader, pourquoi tu ne fais pas la partie éclairage?
04/01/2011, 18h00
m_power_hax

Citation:

Envoyé par stardeath

la texture sera définitivement la même puisque c'est la même texture, la texture du premier post possède des tâches spéculaires, ce qui fait que ça sera de toute façon incorrect point de vue éclairage.

le pseudo code donné précédemment permet d'avoir les normales de la sphère pour recalculer INTÉGRALEMENT l'éclairage et donc de ne pas utiliser les textures.

par contre ça serait bien que tu mettes des screenshots, parce que là ça commence à être chaud de savoir ce que tu veux.

et dans ton pixel shader, pourquoi tu ne fais pas la partie éclairage?

Voila une image de ce que je vois présentement avec un diffuse pour la lumiere :
https://docs.google.com/uc?id=0B2Jr_...MDI2OGVk&hl=en

Et mon code :

vertex shader

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
uniform float pointRadius;  // point size in world space  
uniform float pointScale;   // = 0.5f sur mon ordinateur 
varying vec3 posEye;  
void main()  
{          
	posEye = vec3(gl_ModelViewMatrix * vec4(gl_Vertex.xyz, 1.0));
	float dist = length(posEye);      
	gl_PointSize = pointRadius * (pointScale / dist);       
	gl_TexCoord[0] = gl_TextureMatrix[0] * gl_MultiTexCoord0;
	gl_Position = gl_ModelViewProjectionMatrix * vec4(gl_Vertex.xyz, 1.0);
	gl_FrontColor = gl_Color;  
}

pixel shader

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
uniform float pointRadius;
varying vec3 lightDir;
void main()
{
	lightDir = vec3(0.577, 0.577, 0.577);
	vec2 pos = gl_TexCoord[0].xy - vec2(0.5, 0.5);
	// Discard fragments outside of the sphere
	if(length(pos) > 0.5)
		discard;
        // r^2 = (x - x0)^2 + (y - y0)^2 + (z - z0)^2
        float r = 0.5;
	float x = pos.x;
	float y = pos.y;
	float z = sqrt(r*r - x*x - y*y);
	vec3 normal = normalize(vec3(x, y, z));
 
	float diffuse = max(dot(lightDir, normal), 0.0);
	gl_FragColor = gl_Color*diffuse;
}

04/01/2011, 18h15
m_power_hax

Voici deux images qui vont vous aider a comprendre :

face :
https://docs.google.com/uc?id=0B2Jr_...MzQ4NjQw&hl=en

derriere:
https://docs.google.com/uc?id=0B2Jr_...ZTc2N2Rk&hl=en

Donc la lumiere saffiche pareillement peut importe ou on se situe par rapport a la sphere. Au fond, cest quil sagit dun point sprite, qui tourne avec la vue de lutilisateur (fait toujours face a la vue de lutilisateur). Il faut que je trouve un moyen de changer cela.
04/01/2011, 19h35
stardeath

c'est normal que rien de change, ta direction de la lumière est toujours la même quelque soit la sphère que tu es en train de traiter.

il faut que tu renseignes soit :
- la position de la lumière relative pour chaque sphère
- la position pour chacune des sphères et la position de la lumière dans le repère monde

Voir 40 message(s) de cette discussion en une page