Discussion :

[themoye]

Bonsoir amis codeurs!

Toujours sur ma découverte de WebGL, je suis en train d'implémenter un petit bump mapping.
Pour m'aider, j'ai sous la main le tuto de chez oZone3D et le shader "ParalaxBumpMapping" du logiciel Shader Designer.

Voici un aperçu de ce que j'obtiens :

http://www.youtube.com/watch?v=-B9XRvGADMw

On peut voir (sur les trous du dés par exemple) que la lumière (fixe) n'a pas l'air d'être calculée de la même manière sur toutes mes faces lors de la rotation du dés.

Est-il possible que cet effet vienne du calcul de mon espace tangent?

Mes normales sont correctes (données par mon logiciel de modélisation), mais j'ai peur que mon calcul de tangentes soit inexacte.

En effet, d'après le tuto de chez oZone, on apprend qu'il est possible d'en avoir une approximation en faisant de la manière suivante :

vec3 tangent;
vec3 binormal;

vec3 c1 = cross(gl_Normal, vec3(0.0, 0.0, 1.0));
vec3 c2 = cross(gl_Normal, vec3(0.0, 1.0, 0.0));

if(length(c1)>length(c2))
{
tangent = c1;
}
else
{
tangent = c2;
}

tangent = normalize(tangent);

J'imagine que je suis un peu trop feignant et qu'il vaudrait mieux que je calcule ma tangente en fonction des trois vertices de chaque face?
Pour info, avec cette méthode, voilà ce que j'obtiens pour mon dés :

Normale : 0,-1,0 / Tangente : [-1,0,0] / Binormale : [0,0,-1]
Normale : 0,-1,0 / Tangente : [-1,0,0] / Binormale : [0,0,-1]
Normale : 0,-1,0 / Tangente : [-1,0,0] / Binormale : [0,0,-1]
Normale : 0,-1,0 / Tangente : [-1,0,0] / Binormale : [0,0,-1]
Normale : 0,1,0 / Tangente : [1,0,0] / Binormale : [0,0,-1]
Normale : 0,1,0 / Tangente : [1,0,0] / Binormale : [0,0,-1]
Normale : 0,1,0 / Tangente : [1,0,0] / Binormale : [0,0,-1]
Normale : 0,1,0 / Tangente : [1,0,0] / Binormale : [0,0,-1]
Normale : 0,0,1 / Tangente : [0,1,0] / Binormale : [-1,0,0]
Normale : 0,0,1 / Tangente : [0,1,0] / Binormale : [-1,0,0]
Normale : 0,0,1 / Tangente : [0,1,0] / Binormale : [-1,0,0]
Normale : 0,0,1 / Tangente : [0,1,0] / Binormale : [-1,0,0]
Normale : 1,0,0 / Tangente : [0,0,1] / Binormale : [0,-1,0]
Normale : 1,0,0 / Tangente : [0,0,1] / Binormale : [0,-1,0]
Normale : 1,0,0 / Tangente : [0,0,1] / Binormale : [0,-1,0]
Normale : 1,0,0 / Tangente : [0,0,1] / Binormale : [0,-1,0]
Normale : 0,0,-1 / Tangente : [0,-1,0] / Binormale : [-1,0,0]
Normale : 0,0,-1 / Tangente : [0,-1,0] / Binormale : [-1,0,0]
Normale : 0,0,-1 / Tangente : [0,-1,0] / Binormale : [-1,0,0]
Normale : 0,0,-1 / Tangente : [0,-1,0] / Binormale : [-1,0,0]
Normale : -1,0,0 / Tangente : [0,0,-1] / Binormale : [0,-1,0]
Normale : -1,0,0 / Tangente : [0,0,-1] / Binormale : [0,-1,0]
Normale : -1,0,0 / Tangente : [0,0,-1] / Binormale : [0,-1,0]
Normale : -1,0,0 / Tangente : [0,0,-1] / Binormale : [0,-1,0]

[icer]

Bonjour,

C'est fortement possible que votre problème vienne du calcul de l'espace tangent.

Les vecteurs tangent et binormal que vous calculez ne correspondent pas aux "vrais" vecteurs. Ces vecteurs doivent être alignés avec les axes u et v de l'espace texture.

Donc, oui, pour calculer la matrix de l'espace tangent il faut passer par la position des vertice et de leurs coordonnées de texture.

[themoye]

Salut icer, merci pour ta réponse !

D'acc, alors du coup, j'ai calculé mes tangentes / binormales pour chacune de mes faces, mais maintenant je suis face à une petite question : certains sommets appartenant à plusieurs faces se retrouvent avec des tangentes / binormales différentes suivant la face sur laquelle je les calcule.

Ce qui ne m'arrange pas, aux vues de mon tableau d'indices ^^

J'obtiens mon tableau d'indices en fonction des coordonnées de sommet, coordonnées de texture, et normales.
Si un sommet à l'un de ces paramètres différents des autres, alors il est dupliqué (et un nouvel indice est créé).

Du coup, pour un plan, composé de deux triangles, j'ai les indices suivants :

0,1,2,2,3,0

Pour la première face (0,1,2), j'ai la tangente suivante : [1,0,1] .
Pour la seconde face (2,3,0), j'ai la tangente suivante : [-1,0,-1] .

Est ce normal?
Ça n'aurait pas déjà du être géré lorsque j'ai sorti mes indices en fonction des normales / positions / coordonnées de texture?

[icer]

Bonjour,

Normalement, si les deux triangles appartiennent au même plan, la tangente doit être la même.

Pour la première face (0,1,2), j'ai la tangente suivante : [1,0,1] .
Pour la seconde face (2,3,0), j'ai la tangente suivante : [-1,0,-1] .

La tangente est inversée pour le second triangle. Probablement les vertice n'ont pas été traitées dans le même ordre, qui est en générale le sens anti-horaire.

[themoye]

En fait je suis juste un gros boulet

Les valeurs que je prenais pour mes positions de sommet étaient fausses : j'ai oublié de multiplié l'indice par le nombre de données composant un sommet.
Erreur bête et méchante ^^

Du coup voici ce que ça donne :

Ça semble pas trop mal, non?

[icer]

L'éclairage du dès est très cohérent.