From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- files/fr/web/api/webglprogram/index.html | 99 -------------------------------- files/fr/web/api/webglprogram/index.md | 99 ++++++++++++++++++++++++++++++++ 2 files changed, 99 insertions(+), 99 deletions(-) delete mode 100644 files/fr/web/api/webglprogram/index.html create mode 100644 files/fr/web/api/webglprogram/index.md (limited to 'files/fr/web/api/webglprogram') diff --git a/files/fr/web/api/webglprogram/index.html b/files/fr/web/api/webglprogram/index.html deleted file mode 100644 index 7818acb85a..0000000000 --- a/files/fr/web/api/webglprogram/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: WebGLProgram -slug: Web/API/WebGLProgram -tags: - - WebGL - - WebGLProgram -translation_of: Web/API/WebGLProgram ---- -
{{APIRef("WebGL")}}
- -

Le WebGLProgram fait partie de l'API WebGL et il est une combinaison de deux {{domxref ("WebGLShader")}} compilés constitués d'un shader de sommet et d'un shader de fragment (tous deux écrits en GLSL). Ces dernier sont ensuite liés dans un programme utilisable.

- -
var programme = gl.createProgram();
-
-// Lier les shaders préexistants
-gl.attachShader(programme, shaderDeSommet);
-gl.attachShader(programme, shaderDeFragment);
-
-gl.linkProgram(programme);
-
-if ( !gl.getProgramParameter( programme, gl.LINK_STATUS) ) {
-  var info = gl.getProgramInfoLog(programme);
-  throw 'Impossible de compiler le program WebGL.\n\n' + info;
-}
-
- -

Voir {{domxref("WebGLShader")}} pour des informations sur la création de shaderDeSommet et de shaderDeFragment dans le programme ci-dessus.

- -

Exemples

- -

Utilisation du programme

- -

Les étapes pour travailler effectivement avec le programme impliquent d'indiquer à la GPU d'utiliser le programme, de lier les données et les options de configuration appropriées, et enfin, de dessiner quelque chose à l'écran.

- -
// Utiliser le programme
-gl.useProgram(programme);
-
-// Lier les données d'attribut existantes
-gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-gl.enableVertexAttribArray(attributeLocation);
-gl.vertexAttribPointer(attributeLocation, 3, gl.FLOAT, false, 0, 0);
-
-// Dessiner un unique triangle
-gl.drawArrays(gl.TRIANGLES, 0, 3);
-
- -

Suppression du programme

- -

S'il y a une erreur lors de l'édition de liens du programme, ou si vous voulez supprimer un programme existant, alors c'est tout simple, il suffit d'exécuter {{domxref ("WebGLRenderingContext.deleteProgram()")}}. Cela libère la mémoire du programme lié.

- -
gl.deleteProgram(programme);
-
- -

Spécifications

- - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('WebGL', "#5.6", "WebGLProgram")}}{{Spec2('WebGL')}}Définition initale.
- -

Compatibilité des navigateurs

- -

{{Compat("api.WebGLProgram")}}

- -

Voir aussi

- - diff --git a/files/fr/web/api/webglprogram/index.md b/files/fr/web/api/webglprogram/index.md new file mode 100644 index 0000000000..7818acb85a --- /dev/null +++ b/files/fr/web/api/webglprogram/index.md @@ -0,0 +1,99 @@ +--- +title: WebGLProgram +slug: Web/API/WebGLProgram +tags: + - WebGL + - WebGLProgram +translation_of: Web/API/WebGLProgram +--- +
{{APIRef("WebGL")}}
+ +

Le WebGLProgram fait partie de l'API WebGL et il est une combinaison de deux {{domxref ("WebGLShader")}} compilés constitués d'un shader de sommet et d'un shader de fragment (tous deux écrits en GLSL). Ces dernier sont ensuite liés dans un programme utilisable.

+ +
var programme = gl.createProgram();
+
+// Lier les shaders préexistants
+gl.attachShader(programme, shaderDeSommet);
+gl.attachShader(programme, shaderDeFragment);
+
+gl.linkProgram(programme);
+
+if ( !gl.getProgramParameter( programme, gl.LINK_STATUS) ) {
+  var info = gl.getProgramInfoLog(programme);
+  throw 'Impossible de compiler le program WebGL.\n\n' + info;
+}
+
+ +

Voir {{domxref("WebGLShader")}} pour des informations sur la création de shaderDeSommet et de shaderDeFragment dans le programme ci-dessus.

+ +

Exemples

+ +

Utilisation du programme

+ +

Les étapes pour travailler effectivement avec le programme impliquent d'indiquer à la GPU d'utiliser le programme, de lier les données et les options de configuration appropriées, et enfin, de dessiner quelque chose à l'écran.

+ +
// Utiliser le programme
+gl.useProgram(programme);
+
+// Lier les données d'attribut existantes
+gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+gl.enableVertexAttribArray(attributeLocation);
+gl.vertexAttribPointer(attributeLocation, 3, gl.FLOAT, false, 0, 0);
+
+// Dessiner un unique triangle
+gl.drawArrays(gl.TRIANGLES, 0, 3);
+
+ +

Suppression du programme

+ +

S'il y a une erreur lors de l'édition de liens du programme, ou si vous voulez supprimer un programme existant, alors c'est tout simple, il suffit d'exécuter {{domxref ("WebGLRenderingContext.deleteProgram()")}}. Cela libère la mémoire du programme lié.

+ +
gl.deleteProgram(programme);
+
+ +

Spécifications

+ + + + + + + + + + + + + + +
SpécificationStatutCommentaire
{{SpecName('WebGL', "#5.6", "WebGLProgram")}}{{Spec2('WebGL')}}Définition initale.
+ +

Compatibilité des navigateurs

+ +

{{Compat("api.WebGLProgram")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf