@@ -2,7 +2,6 @@ Title: Les bases
2
2
Description: Première leçon pour WebGL en démarrant par les bases
3
3
TOC: WebGL - Les bases
4
4
5
-
6
5
WebGL rend possible l'affichage d'incroyables rendus graphiques 3D en temps réel dans le navigateur,
7
6
mais ce que beaucoup de gens ignorent c'est que
8
7
[ WebGL est en fait une API de pixélisation, pas une API 3D] ( webgl-2d-vs-3d-library.html ) .
@@ -64,7 +63,7 @@ Voici les deux shaders
64
63
}
65
64
</script>
66
65
67
- Ce code va rendre un rectangle vert de la taille du canvas. Le voici
66
+ Ce code va rendre un rectangle rose de la taille du canvas. Le voici
68
67
69
68
{{{example url="../webgl-fundamentals.html" }}}
70
69
@@ -73,8 +72,8 @@ Pas très excitant :-p
73
72
À nouveau, l'espace de rendu va toujours de -1 à +1 quelle que soit la taille du canvas.
74
73
Dans le cas précédent on ne fait rien d'autre qu'envoyer nos données de position directement.
75
74
Puisque les coordonnées correspondent déjà à l'espace de projection il n'y a rien d'autre à faire.
76
- * Si on veut de la 3D c'est à nous d'écrire des shaders qui convertissent la 3D en espace de projection,
77
- parce que WebGL n'est qu'une interface de pixelisation * .
75
+ _ Si on veut de la 3D c'est à nous d'écrire des shaders qui convertissent la 3D en espace de projection,
76
+ parce que WebGL n'est qu'une interface de pixelisation _ .
78
77
79
78
Pour de la 2D on travaillera plutôt en pixels qu'en espace de projection, donc changeons le shader pour
80
79
pouvoir fournir des rectangles en pixels et les faire convertir en espace de projection à notre place.
@@ -211,7 +210,7 @@ rotations, changement d'échelle, alors [c'est par ici](webgl-2d-translation.htm
211
210
<p >
212
211
Les balises <code >< ; script> ; </code > sont par défaut supposées écrites en javascript.
213
212
Vous pouvez n'ajouter aucun type ou bien ajouter <code >type="javascript"</code > ou
214
- <code >type="text/javascript"</code > et le navigateur interpéte le contenu en javascript.
213
+ <code >type="text/javascript"</code > et le navigateur interprète le contenu en javascript.
215
214
Si vous ajoutez n'importe quoi d'autre, le navigateur ignore le contenu de la balise.
216
215
En d'autres termes <code >x-shader/x-vertex</code >
217
216
et <code >x-shader/x-fragment</code > n'ont pas de sens pour le navigateur.</p >
0 commit comments