From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- files/fr/web/api/webglprogram/index.md | 118 +++++++++++++++------------------ 1 file changed, 54 insertions(+), 64 deletions(-) (limited to 'files/fr/web/api/webglprogram') diff --git a/files/fr/web/api/webglprogram/index.md b/files/fr/web/api/webglprogram/index.md index 7818acb85a..c102390862 100644 --- a/files/fr/web/api/webglprogram/index.md +++ b/files/fr/web/api/webglprogram/index.md @@ -6,11 +6,12 @@ tags: - WebGLProgram translation_of: Web/API/WebGLProgram --- -
{{APIRef("WebGL")}}
+{{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.

+Le **WebGLProgram** fait partie de l'[API WebGL](/fr-FR/docs/Web/API/WebGL_API) 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();
+```js
+var programme = gl.createProgram();
 
 // Lier les shaders préexistants
 gl.attachShader(programme, shaderDeSommet);
@@ -22,17 +23,18 @@ 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.

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

Exemples

+## Exemples -

Utilisation du programme

+### 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.

+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
+```js
+// Utiliser le programme
 gl.useProgram(programme);
 
 // Lier les données d'attribut existantes
@@ -42,58 +44,46 @@ 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

- - +``` + +### 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é. + +```js +gl.deleteProgram(programme); +``` + +## Spécifications + +| Spécification | Statut | Commentaire | +| ------------------------------------------------------------ | ------------------------ | ------------------- | +| {{SpecName('WebGL', "#5.6", "WebGLProgram")}} | {{Spec2('WebGL')}} | Définition initale. | + +## Compatibilité des navigateurs + +{{Compat("api.WebGLProgram")}} + +## Voir aussi + +- {{domxref("WebGLShader")}} +- {{domxref("WebGLRenderingContext.attachShader()")}} +- {{domxref("WebGLRenderingContext.compileShader()")}} +- {{domxref("WebGLRenderingContext.createProgram()")}} +- {{domxref("WebGLRenderingContext.createShader()")}} +- {{domxref("WebGLRenderingContext.deleteProgram()")}} +- {{domxref("WebGLRenderingContext.deleteShader()")}} +- {{domxref("WebGLRenderingContext.detachShader()")}} +- {{domxref("WebGLRenderingContext.getAttachedShaders()")}} +- {{domxref("WebGLRenderingContext.getProgramParameter()")}} +- {{domxref("WebGLRenderingContext.getProgramInfoLog()")}} +- {{domxref("WebGLRenderingContext.getShaderParameter()")}} +- {{domxref("WebGLRenderingContext.getShaderPrecisionFormat()")}} +- {{domxref("WebGLRenderingContext.getShaderInfoLog()")}} +- {{domxref("WebGLRenderingContext.getShaderSource()")}} +- {{domxref("WebGLRenderingContext.isProgram()")}} +- {{domxref("WebGLRenderingContext.isShader()")}} +- {{domxref("WebGLRenderingContext.linkProgram()")}} +- {{domxref("WebGLRenderingContext.shaderSource()")}} +- {{domxref("WebGLRenderingContext.useProgram()")}} +- {{domxref("WebGLRenderingContext.validateProgram()")}} -- cgit v1.2.3-54-g00ecf