Multi-texturing heightmap

Bonjour,

j'essaye de faire du multitexturing avec OpenGL 3.x+ mais je ne trouve presque pas de tutoriels sur ce sujet...

Je trouve quelques bouts de code par ci par là mais rien de bien compréhensible.

J'aimerai obtenir quelque chose qui ressemble à ça :

http://i.stack.imgur.com/xN850.jpg

je trouve la transition entre les textures super, par contre je vois pas du tout comment on peut obtenir un tel résultat, le multitexturing est-il suffisant ?

Actuellement j'affiche ma heightmap de cette façon

Code:

---

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

glVertexAttribPointer(this.m_shader.vertexIndex, 3, GL_FLOAT, false, 0, null);   glVertexAttribPointer(this.m_shader.textureIndex, 2, GL_FLOAT, false, 0, this.m_buffer.texturePtr);   glVertexAttribPointer(this.m_shader.colorIndex, 4, GL_UNSIGNED_BYTE, true, 0, this.m_buffer.colorPtr);       glUniformMatrix4fv(this.m_shader.modelViewLocation, 1, GL_TRUE, modelView.values_ptr);   glUniformMatrix4fv(this.m_shader.projectionLocation, 1, GL_TRUE, projection.values_ptr);     this.m_texture.bind();     glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, this.m_indicesBuffer);   glDrawElements(GL_TRIANGLES, this.m_indicesCount, GL_UNSIGNED_INT, null);

---

Voir pièces jointes.

Comment puis-je obtenir un tel résultat ?

merci.

Bonjour,

Je pense qu'ils ont juste fondu les deux textures (alpha 0.5 pour les deux) pour faire ce rendu. Plus précisément, l'alpha de la texture d'herbe diminue lorsque l'on s'approche du sable et réciproquement pour le sable

Bonsoir,

merci pour ta réponse !

après un peu de recherche et graçe à ce tuto , j'ai eu une petite idée.

Pour faire ce que je voulais, on va avoir besoin de 3 textures

- L'herbe
- Le sable
- et une texture un peu spéciale(alpha map)...:
http://i43.tinypic.com/2dkzm1t.jpg

Par rapport au code présent sur mon premier post, j'ai rajouté cela (toujours avant l'affichage) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

// Première texture glActiveTexture(GL_TEXTURE0); this.herbe.bind(); glUniform1i(glGetUniformLocation(this.m_shader.programID, "myTexture1"), GL_TEXTURE0 - GL_TEXTURE0);   // Deuxième texture - alpha map glActiveTexture(GL_TEXTURE1); this.speciale.bind(); glUniform1i(glGetUniformLocation(this.m_shader.programID, "myTexture2"), GL_TEXTURE1 - GL_TEXTURE0);   // Troisième texture glActiveTexture(GL_TEXTURE2); this.sable.bind(); glUniform1i(glGetUniformLocation(this.m_shader.programID, "myTexture3"), GL_TEXTURE2 - GL_TEXTURE0);

---

Et le fragment shader qui va avec :

Code:

---

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

#version 140   in vec2 texCoord; in vec4 color; out vec4 outputColor;   uniform sampler2D myTexture1; uniform sampler2D myTexture2; uniform sampler2D myTexture3;   void main() { vec4 alphaMap = texture(myTexture2, texCoord);   outputColor = texture(myTexture1, texCoord) * alphaMap; }

---

A ce stade là du fragment shader on obtient :

http://i41.tinypic.com/2cwomjk.png

si vous ne comprennez pas pourquoi voir le lien du tuto que j'ai donné plus haut.

Maintenant on doit combler les gros trous noirs avec notre 3 ème texture, le fragment shader évolue :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

void main() { vec4 alphaMap = texture(myTexture2, texCoord);   outputColor = texture(myTexture1, texCoord) * alphaMap;   // On inverse les couleurs de l'alphaMap lightMap = vec4(1.0 - alphaMap.rgb, alphaMap.a);   // et fait comme au début mais cette fois avec la 3 ème texture outputColor += texture(myTexture3, texCoord) * alphaMap; }

---

Résultat :
http://i39.tinypic.com/11gsjlc.jpg

Voilà, je débute avec les shaders et tout ça donc c'est possible que je fasse n'importe quoi, si vous avez une meilleur solution pas trop compliquée je suis preneur.

Merci.

Moi, je trouve la solution intéressante. La texture de l'auréole, je pense que son nom sera une texture alpha (vu que c'est la composante alpha que vous voulez appliquer).

Le rendu me semble nickel et c'est ce qui compte dans le monde de la 3D (vous pouvez faire les trucs les plus barbares, les plus cheatés, tant que le rendu final est convaincant, c'est ok :aie:).

Pour le code :

Code:

---

lightMap = vec4(1.0 - lightMap.r, 1.0 - lightMap.g, 1.0 - lightMap.b, lightMap.a);

---

Je crois que cela peut se simplifier comme ceci :

Code:

---

lightMap = vec4(1.0 - lightMap.rgb, lightMap.a);

---

Il fera bien l'opération 1-la composante, sur les trois spécifiées. Si le compilateur ne l'accepte pas, alors, mettez vec3(1.0) - lightMap.rgb :)

Citation:

---

Envoyé par LittleWhite

Moi, je trouve la solution intéressante. La texture de l'auréole, je pense que son nom sera une texture alpha (vu que c'est la composante alpha que vous voulez appliquer).

---

C'est vrai ça semble plus logique.

Citation:

---

Envoyé par LittleWhite

Pour le code :

Code:

---

lightMap = vec4(1.0 - lightMap.r, 1.0 - lightMap.g, 1.0 - lightMap.b, lightMap.a);

---

Je crois que cela peut se simplifier comme ceci :

Code:

---

lightMap = vec4(1.0 - lightMap.rgb, lightMap.a);

---

Il fera bien l'opération 1-la composante, sur les trois spécifiées. Si le compilateur ne l'accepte pas, alors, mettez vec3(1.0) - lightMap.rgb :)

---

Ah oui merci, c'est plus "beau" comme ça ! :ccool:

Il ne me reste plus qu'à peaufiner tout ça et ça sera bon, je passe en résolu.