Discussion :

[swain.dakota]

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 :



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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[LittleWhite]

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

[swain.dakota]

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)...:


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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :



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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :


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.

[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).

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 ).

Pour le code :

Code glsl :

Sélectionner tout - Visualiser dans une fenêtre à part

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 glsl :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[swain.dakota]

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.

Pour le code :

Code glsl :

Sélectionner tout - Visualiser dans une fenêtre à part

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 glsl :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

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