Docs: fix french typos (#30019)

Co-authored-by: Samuel Rigaud <srigaud@duodisplay.com>

docs/api/fr/animation/AnimationAction.html

@@ -13,7 +13,7 @@
             Les AnimationActions programment la performance des animations qui sont stockées dans
             [page:AnimationClip AnimationClips].<br /><br />
 
-            Note: La plupart des méthodes d'AnimationAction peuvent être chainées.<br /><br />
+            Note: La plupart des méthodes d'AnimationAction peuvent être chaînées.<br /><br />
 
             Pour avoir un aperçu des différents éléments du système d'animation de three.js, consultez
             l'article "Système d'Animation" dans la section "Étapes Suivantes" du manuel.
@@ -229,7 +229,7 @@
 		<h3>[method:Boolean isScheduled]()</h3>
 		<p>
 			Renvoie true, si cette action est activée dans le mixer.<br /><br />
-			Note: Cela n'indique pas nécessairement que l'action est en cours d'éxecution (voir les conditions additionnelles
+			Note: Cela n'indique pas nécessairement que l'action est en cours d'execution (voir les conditions additionnelles
 			pour [page:.isRunning isRunning]).
 		</p>
 
@@ -254,7 +254,7 @@
 			de boucles interne et les départs différés programmés.<br /><br />
 
 			Note: .`reset` est toujours appelé par [page:.stop stop], mais .`reset` n'appelle pas .`stop` de lui-même.
-			Cela signifie que: Si vous voulez à la fois, réinitialiser et stopper, n'appellez pas .`reset`; mais .`stop`.
+			Cela signifie que: Si vous voulez à la fois, réinitialiser et stopper, n’appelez pas .`reset`; mais .`stop`.
 		</p>
 
 		<h3>[method:this setDuration]( [param:Number durationInSeconds] )</h3>

docs/api/fr/animation/AnimationClip.html

@@ -27,7 +27,7 @@
 			la durée sera calculée depuis le tableau `tracks` passé en paramètres.<br />
 			[page:Array tracks] - un tableau de [page:KeyframeTrack KeyframeTracks].<br /><br />
 
-			Note: Au lieu d'instantier un AnimationClip directement avec le constructeur, vous pouvez utiliser une de
+			Note: Au lieu d'instancier un AnimationClip directement avec le constructeur, vous pouvez utiliser une de
 			ses méthodes statiques pour créer des AnimationClips: depuis un JSON ([page:.parse parse]), depuis une séquence de
 			morph target ([page:.CreateFromMorphTargetSequence CreateFromMorphTargetSequence],
 			[page:.CreateClipsFromMorphTargetSequences CreateClipsFromMorphTargetSequences]) ou depuis

docs/api/fr/animation/AnimationObjectGroup.html

@@ -30,7 +30,7 @@
 		<p class="desc">
 			Les propriétés animées doivent être compatibles avec tous les objets du groupe.<br /><br />
 
-			Une propriété peut être controlée soit directement, soit à travers un groupe cible, mais pas les deux.
+			Une propriété peut être contrôlée soit directement, soit à travers un groupe cible, mais pas les deux.
 		</p>
 
 

docs/api/fr/constants/Materials.html

@@ -10,7 +10,7 @@
 		<h1>Constantes de matériau</h1>
 
 		<p class="desc">
-		Ces constantes définissent des propriétés communes à tous les métériaux,
+		Ces constantes définissent des propriétés communes à tous les matériaux,
 		à l'exception de Texture Combine Operations qui s'applique uniquement à [page:MeshBasicMaterial.combine MeshBasicMaterial], [page:MeshLambertMaterial.combine MeshLambertMaterial] et [page:MeshPhongMaterial.combine MeshPhongMaterial].<br />
 		</p>
 
@@ -132,8 +132,8 @@
 		THREE.ObjectSpaceNormalMap
 		</code>
 		<p>
-		Ces constantes définissent les types de carte normale. 
-		Pour TangentSpaceNormalMap, l'information est relative à la surface sous-jacente. 
+		Ces constantes définissent les types de carte normale.
+		Pour TangentSpaceNormalMap, l'information est relative à la surface sous-jacente.
 		For ObjectSpaceNormalMap, l'information est relative à la rotation de l'objet.
 		La valeur par défaut est [page:Constant TangentSpaceNormalMap].
 		</p>

docs/api/fr/core/BufferGeometry.html

@@ -33,7 +33,7 @@
 			-1.0, -1.0,  1.0
 		] );
 
-		// itemSize = 3 parce qu'il y a 3 valeurs (comoosants) par sommet
+		// itemSize = 3 parce qu'il y a 3 valeurs (composants) par sommet
 		geometry.setAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) );
 		const material = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
 		const mesh = new THREE.Mesh( geometry, material );
@@ -267,7 +267,7 @@
 
 		<h3>[method:this scale] ( [param:Float x], [param:Float y], [param:Float z] )</h3>
 		<p>
-		Mettre à l'échelle les données géométriques. Cela se fait généralement en une seule opération et non pendant une boucle.	
+		Mettre à l'échelle les données géométriques. Cela se fait généralement en une seule opération et non pendant une boucle.
 	Utilisez [page:Object3D.scale] pour une utilisation typique du maillage en temps réel.
 		</p>
 

docs/api/fr/materials/MeshMatcapMaterial.html

@@ -42,7 +42,7 @@
 			[page:Object parameters] - (optionnel) un objet avec une ou plusieurs propriétés définissant l'apparence du matériau.
 		Toute propriété du matériau (y compris toute propriété héritée de [page:Material]) peut être passée dans l'objet.<br /><br />
 
-			L'exception est la propriété [page:Hexadecimal color], qui peut être passée comme une chaine de caractères hexadécimale,
+			L'exception est la propriété [page:Hexadecimal color], qui peut être passée comme une chaîne de caractères hexadécimale,
 		 ayant la valeur `0xffffff` (blanc) par défaut. [page:Color.set]( color ) est appelée en interne.
 		</p>
 

docs/api/fr/materials/MeshPhongMaterial.html

@@ -231,7 +231,7 @@
 		<p>Contrôle l'épaisseur du filaire. La valeur par défaut est 1.<br /><br />
 
 		A cause des limitations de [link:https://www.khronos.org/registry/OpenGL/specs/gl/glspec46.core.pdf OpenGL Core Profile]
-			avec le moteur de rendu [page:WebGLRenderer WebGL] sur la plupârt des plateformes, l'épaisseur de ligne (linewidth) sera toujours
+			avec le moteur de rendu [page:WebGLRenderer WebGL] sur la plupart des plateformes, l'épaisseur de ligne (linewidth) sera toujours
 			à 1, indépendamment de la valeur définie.
 		</p>
 

docs/api/fr/materials/MeshPhysicalMaterial.html

@@ -202,7 +202,7 @@
 
 		<h3>[property:Float thickness]</h3>
 		<p>
-			L'épaisseur du volume sous la surface. La valeur est donnée dans l'espace de coordonnées du maillage. 
+			L'épaisseur du volume sous la surface. La valeur est donnée dans l'espace de coordonnées du maillage.
 			Si la valeur est 0, le matériau est à paroi mince. Sinon, le matériau est une limite de volume.
 			La valeur par défaut est `0`.
 		</p>

docs/api/fr/materials/ShaderMaterial.html

@@ -361,7 +361,7 @@ et la page [page:BufferAttribute] pour un aperçu détaillé de l'API `BufferAtt
 		<p>Contrôle l'épaisseur du filaire. La valeur par défaut est 1.<br /><br />
 
 		A cause des limitations de [link:https://www.khronos.org/registry/OpenGL/specs/gl/glspec46.core.pdf OpenGL Core Profile]
-			avec le moteur de rendu [page:WebGLRenderer WebGL] sur la plupârt des plateformes, l'épaisseur de ligne (linewidth) sera toujours
+			avec le moteur de rendu [page:WebGLRenderer WebGL] sur la plupart des plateformes, l'épaisseur de ligne (linewidth) sera toujours
 			à 1, indépendamment de la valeur définie.
 		</p>
 
@@ -381,7 +381,7 @@ et la page [page:BufferAttribute] pour un aperçu détaillé de l'API `BufferAtt
 		{ value: 1.0 }
 		</code>
 		Quand `value` est la valeur de l'uniforme. Les noms doivent correspondre au nom de l'uniforme,
-		tel que défini dans le code GLSL. A noter que les uniformes sont rafraichis à chaque frame,
+		tel que défini dans le code GLSL. A noter que les uniformes sont rafraîchis à chaque frame,
 		donc la mise à jour de la valeur de l'uniforme mettra immédiatement à jour la valeur disponible pour le code GLSL.
 		</p>
 

docs/manual/fr/introduction/Animation-system.html

@@ -20,7 +20,7 @@
 			Différentes animations sur le même objet peuvent-être
 			synchronisées.<br /><br />
 
-			Pour effectuer tout cela dans un système homogène, le système d'animation three.js 
+			Pour effectuer tout cela dans un système homogène, le système d'animation three.js
 			[link:https://github.com/mrdoob/three.js/issues/6881 a complètement changé en 2015]
 			(attention aux informations dépassées!), et a maintenant une architecture similaire à
 			Unity/Unreal Engine 4. Cette page offre un bref aperçu des principaux composants du système
@@ -32,7 +32,7 @@
 
 		<p class="desc">
 
-			Si vous aveez réussi à importer un modèle 3D (peu importe qu'il ait
+			Si vous avez réussi à importer un modèle 3D (peu importe qu'il ait
 			des os ou une morph targets ou les deux) — par exemple en l'exportant depuis Blender avec le
 			[link:https://github.com/KhronosGroup/glTF-Blender-IO glTF Blender exporter] et
 			en le chargeant dans la scène three.js en utilisant [page:GLTFLoader] — un des champs doit-être
@@ -52,7 +52,7 @@
 			A l'intérieur d'un `AnimationClip` les données pour chaque propriétés animées sont stockées
 			dans un [page:KeyframeTrack] séparé. En considérant que l'objet personnage a un [page:Skeleton skeleton],
 			un keyframe track pourrait stocker les changements de valeur de la position de l'os inférieur d'un bras
-			à travers le temps, un track différent stockerait les changements de valeur de la rotation du même bras, un troisème
+			à travers le temps, un track différent stockerait les changements de valeur de la rotation du même bras, un troisième
 			pourrait stocker la position, la rotation ou l'échelle d'un autre os, ainsi de suite. Il doit-être clair qu'un,
 			AnimationClip peut-être composé de beaucoup de ce genre de tracks.<br /><br />
 
@@ -81,7 +81,7 @@
 			L'`AnimationMixer` en lui-même a seulement quelques propriétés (générales) et méthodes, car il
 			peut-être contrôlé par l'[page:AnimationAction AnimationActions]. En configurant un
 			`AnimationAction` vous pouvez déterminer qu'un certain `AnimationClip` doit-être joué, mis en pause
-			ou stoppé sur un des mixers, si et à quelle fréquence le clip doit-être répeté, si il
+			ou stoppé sur un des mixers, si et à quelle fréquence le clip doit-être répété, si il
 			doit-être joué avec un fade, une mise à l'échelle temporelle, et d'autres choses, comme le fondu
 			ou la synchronisation.
 

docs/manual/fr/introduction/Color-management.html

@@ -57,7 +57,7 @@
 
 	<p>
 		Chaque espace colorimétrique est un ensemble de plusieurs décisions de design, choisies ensemble pour supporter
-		un large éventail de couleurs tout en satisfaisant les contraites techniques liées à la précision et aux technologies
+		un large éventail de couleurs tout en satisfaisant les contraintes techniques liées à la précision et aux technologies
 		d'affichage. Lors de la création d'un asset 3D, ou l'assemblage d'assets 3D ensemble dans une scène, il est
 		important de savoir quelles sont ces propriétés, et comment les propriétés d'un espace colorimétrique se rapporte
 		aux autres espaces colorimétriques de la scène.
@@ -105,7 +105,7 @@
 	<ul>
 		<li>
 			<b>Le modèle de couleur:</b> La syntaxe pour identifier naturellement les couleurs au sein de la gamme de couleur choisie —
-			un système de coordonnées pour les couleurs. Dans three.js nous utilisons princpalement le système de couleurs RGB,
+			un système de coordonnées pour les couleurs. Dans three.js nous utilisons principalement le système de couleurs RGB,
 			ayant trois coordonnées <i>r, g, b ∈ [0,1]</i> ("domaines fermés") ou
 			<i>r, g, b ∈ [0,∞]</i> ("domaine ouvert") chacune représentant une fraction d'une couleur
 			primaire. D'autres modèles de couleurs (HSL, Lab, LCH) sont communément utilisés pour un contrôle artistique.
@@ -128,9 +128,9 @@
 	</p>
 
 	<p>
-		Cette différence est imporante. Les calculs de lumières et les autres opérations de rendu doivent
+		Cette différence est importante. Les calculs de lumières et les autres opérations de rendu doivent
 		généralement se produire dans un espace de lumière linéaire. Cependant, les espaces colorimétriques linéaires sont moins efficaces
-		dans le stockage d'images ou de framebuffer, et semblent incorrects qiuand ils sont vus par un humain.
+		dans le stockage d'images ou de framebuffer, et semblent incorrects quand ils sont vus par un humain.
 		Par conséquent, les textures d'entrée et l'image du rendu final vont généralement utiliser l'espace colorimétrique
 		sRGB non-linéaire.
 	</p>
@@ -157,7 +157,7 @@
 		Les couleurs fournies à three.js — par les sélecteurs de couleurs, les textures, les modèles 3D, et d'autres sources —
 		ont toutes un espace colorimétrique associé. Celles qui ne sont pas déjà dans l'espace colorimétrique sRGB-Linéaire
 		doivent-être converties, et les textures doivent recevoir les bonnes consignes de <i>texture.colorSpace</i>.
-		Certaines conversions (pour l'héxadecimal et les couleurs CSS en sRGB) peuvent être automatisées si
+		Certaines conversions (pour l'hexadecimal et les couleurs CSS en sRGB) peuvent être automatisées si
 		l'héritage de la gestion des couleurs est désactivé avant l'initialisation des couleurs:
 	</p>
 
@@ -201,7 +201,7 @@ THREE.ColorManagement.enabled = true;
 	<h3>Espaces colorimétriques fonctionnels</h3>
 
 	<p>
-		Le rendu, l'interpolation, et plusieurs autres opérations doivent être performées dans un espace colorimétrique
+		Le rendu, l'interpolation, et plusieurs autres opérations doivent être performés dans un espace colorimétrique
 		au domaine ouvert, dans lequel les composantes RGB sont proportionnelles
 		à l'illumination physique. Dans three.js, l'espace colorimétrique est le sRGB-Linéaire.
 	</p>
@@ -270,9 +270,9 @@ renderer.outputColorSpace = THREE.SRGBColorSpace; // optional with post-processi
 
 	<p>
 		Avec <i>ColorManagement.enabled = true</i> d'activé (recommandé), certaines conversions
-		sont faites automatiquement. Parce que l'héxadécimal et les couleurs CSS sont généralement en sRGB, les méthodes [page:Color]
+		sont faites automatiquement. Parce que l'hexadécimal et les couleurs CSS sont généralement en sRGB, les méthodes [page:Color]
 		vont automatiquement convertir ces entrées du sRGB au sRGB-Linéaire dans des setters, ou
-		convertir depuis du sRGB-Linéaire au sRGB lors du renvoi de valeurs héxadécimales ou CSS depuis les getters.
+		convertir depuis du sRGB-Linéaire au sRGB lors du renvoi de valeurs hexadécimales ou CSS depuis les getters.
 	</p>
 
 	<code>

docs/manual/fr/introduction/Creating-a-scene.html

@@ -64,7 +64,7 @@
 
 		<p>Si vous souhaitez conserver la taille de votre application mais effectuer un rendu avec une résolution plus faible, vous pouvez le faire appelant `setSize` avec false comme `updateStyle` (le troisième argument). Par exemple, `setSize(window.innerWidth/2, window.innerHeight/2, false)` effectuera un rendu de votre application à demi-résolution, en considérant que votre &lt;canvas&gt; a 100% de largeur et de hauteur.</p>
 
-		<p>Pour finir, nous ajoutons l'élement `renderer` à notre document HTML. C'est un élément &lt;canvas&gt; que le moteur de rendu utilise pour nous affficher la scène.</p>
+		<p>Pour finir, nous ajoutons l’élément `renderer` à notre document HTML. C'est un élément &lt;canvas&gt; que le moteur de rendu utilise pour nous afficher la scène.</p>
 
 		<p><em>"C'est sympa tout ça, mais où sont les cubes que tu nous avais promis?"</em> Ajoutons-les maintenant.</p>
 

docs/manual/fr/introduction/Creating-text.html

@@ -42,7 +42,7 @@
 
 		</div>
 
-		
+
 		<h2>2. Utiliser [page:CSS2DRenderer] ou [page:CSS3DRenderer]</h2>
 		<div>
 			<p>
@@ -50,7 +50,7 @@
 				Cette approche est similaire à la 1. excepté qu'avec ces moteurs de rendu les éléments peuvent être intégrés plus précisément et dynamiquement à la scène.
 			</p>
 		</div>
-		
+
 
 		<h2>3. Associer un texte au canvas et l'utiliser comme [page:Texture]</h2>
 		<div>
@@ -116,7 +116,7 @@
 			<ul>
 				<li>[link:http://msdf-bmfont.donmccurdy.com/ msdf-bmfont-web] <i>(web-based)</i></li>
 				<li>[link:https://github.com/soimy/msdf-bmfont-xml msdf-bmfont-xml] <i>(ligne de commande)</i></li>
-				<li>[link:https://github.com/libgdx/libgdx/wiki/Hiero hiero] <i>(applciations desktop)</i></li>
+				<li>[link:https://github.com/libgdx/libgdx/wiki/Hiero hiero] <i>(applications desktop)</i></li>
 			</ul>
 		</div>
 
@@ -124,9 +124,9 @@
 		<h2>7. Troika Text</h2>
 		<div>
 			<p>
-				Le package [link:https://www.npmjs.com/package/troika-three-text troika-three-text] effectue un rendu 
-				de qualité et anti-alisé des textes, utilisant une technique similaire à BMFonts, mais fonctionne directement avec n'importe quel fichier de font .TTF 
-				ou .WOFF pour que vous n'ayez pas à pré-générer une texture glyph hors-ligne. Il ajoute également des fonctionnalités 
+				Le package [link:https://www.npmjs.com/package/troika-three-text troika-three-text] effectue un rendu
+				de qualité et anti-aliasé des textes, utilisant une technique similaire à BMFonts, mais fonctionne directement avec n'importe quel fichier de font .TTF
+				ou .WOFF pour que vous n'ayez pas à pré-générer une texture glyph hors-ligne. Il ajoute également des fonctionnalités
 				comme:
 			</p>
 			<ul>

docs/manual/fr/introduction/How-to-dispose-of-objects.html

@@ -15,7 +15,7 @@
 		Un des aspects importants dans l'amélioration des performances et qui permet d'éviter les fuites de mémoire dans votre application est la suppression des entités non-utilisées de la librairie.
 		Dès que vous créez une instance d'un type *three.js*, vous allouez une certaine quantité de mémoire. Toutefois, *three.js* crée pour certains objets
 		comme les formes ou les matériaux, des entités WebGL associées comme des buffers ou des programmes de shaders qui sont nécessaires au rendu. Il est important de
-		souligner que ces objets ne sont pas automatiquement débarassés. Au contraire, l'application doit utiliser une API particulière pour libérer ce genre de ressources.
+		souligner que ces objets ne sont pas automatiquement débarrassés. Au contraire, l'application doit utiliser une API particulière pour libérer ce genre de ressources.
 		Ce guide vous fournit une brève vue d'ensemble du fonctionnement de cette API et des objets considérés comme pertinents dans ce contexte.
 	</p>
 
@@ -32,7 +32,7 @@
 	<p>
 		Un matériau définit comment un objet est rendu. *three.js* utilise les informations de la définition du matériau pour construire un programme de shader pour le rendu.
 		Les programmes de shader peuvent être supprimés seulement si leur matériau respectif est supprimé. Dans un souci de performances, *three.js* essaye de réutiliser des
-		programmes de shaders existants si possible. Donc un programme de shader est supprimé uniquement si tous les matériaux associés sont supprimés. Vous pouvez indiquer la suppression d'un matériau en 
+		programmes de shaders existants si possible. Donc un programme de shader est supprimé uniquement si tous les matériaux associés sont supprimés. Vous pouvez indiquer la suppression d'un matériau en
 		exécutant [page:Material.dispose]().
 	</p>
 
@@ -85,7 +85,7 @@
 
 	<p>
 		Oui. Il est possible d'interroger [page:WebGLRenderer.info], qui est une propriété spéciale du moteur de rendu avec une série d'informations et de statistiques à propos de l'usage graphique
-		et du proccessus de rendu. Entre autres, cela peut vous donner des informations comme le nombre de textures, de formes et de programmes de shaders stockés en interne. Si vous remarquez des problèmes de performance
+		et du processus de rendu. Entre autres, cela peut vous donner des informations comme le nombre de textures, de formes et de programmes de shaders stockés en interne. Si vous remarquez des problèmes de performance
 		dans votre application, une bonne idée serait de débugger cette propriété pour facilement identifier une fuite de mémoire.
 	</p>
 
@@ -107,7 +107,7 @@
 
 	<p>
 		En général, il n'y a pas de recommandation universelle pour cette question. Savoir si l'utilisation de `dispose()` est appropriée dépend grandement des cas d'utilisation. Il est important de souligner qu'il
-		n'est pas nécessaire de toujours se débarasser des objets. Un bon exemple serait un jeu avec de multiple niveaux. Le bon moment pour supprimer les objets serait à un changement
+		n'est pas nécessaire de toujours se débarrasser des objets. Un bon exemple serait un jeu avec de multiple niveaux. Le bon moment pour supprimer les objets serait à un changement
 		de niveau. L'application devrait traverser les anciennes scènes et supprimer tous les matériaux, les formes et les textures obsolètes. Comme mentionné dans la section précédente, supprimer des
 		objets toujours utilisés ne produit pas d'erreur d'exécution. La pire chose qui pourrait se produire serait une baisse de la performance à un seul frame.
 	</p>

docs/manual/fr/introduction/How-to-update-things.html

@@ -37,7 +37,7 @@ object.updateMatrix();
 				Les BufferGeometries stockent des informations comme (la position des sommets, l'indice des faces, les normales, les couleurs,
 				les UVs et tout autre attribut customisé) dans [page:BufferAttribute buffers] - c'est un,
 				[link:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays typed arrays].
-				Ceci les rend généralement plus rapides que les Geometries standard, le contrecoup est qu'il est plus difficile de les 
+				Ceci les rend généralement plus rapides que les Geometries standard, le contrecoup est qu'il est plus difficile de les
 				utiliser.
 			</p>
 			<p>
@@ -102,7 +102,7 @@ line.geometry.setDrawRange( 0, newValue );
 			</code>
 			<p>
 				Si vous voulez changer la valeur des données de position après le premier rendu, vous devez
-				régler le flag needsUpdate ainsi : 
+				régler le flag needsUpdate ainsi :
 			</p>
 			<code>
 positionAttribute.needsUpdate = true; // required after the first render
@@ -158,7 +158,7 @@ line.geometry.computeBoundingSphere();
 
 			<p>Gardez à l'esprit que cela risque d'être assez lent et de causer des saccades dans le framerate (particulièrement sur Windows, étant donné que la compilation de shader est plus lente dans DirectX que dans OpenGL).</p>
 
-			<p>Pour des expériences pluis fluides vous pouvez émuler des changements dans ces fonctionnalités pour qu'elles contiennent un genre de valeurs "factices"  comme zéro en intensité de lumières, des textures blanches ou zéro brouillard.</p>
+			<p>Pour des expériences plus fluides vous pouvez émuler des changements dans ces fonctionnalités pour qu'elles contiennent un genre de valeurs "factices"  comme zéro en intensité de lumières, des textures blanches ou zéro brouillard.</p>
 
 			<p>Vous pouvez librement changer le matériau utilisé pour les différents morceaux de formes, mais pas comment un objet est divisé en morceaux (selon le matériau des faces). </p>
 

docs/manual/fr/introduction/Installation.html

@@ -141,7 +141,7 @@
 		<h3>Node.js</h3>
 
 		<p>
-			Parce que three.js est construit pour le web, il dépend de navigateurs et d'APIs DOM qui n'existent pas toujours dans Node.js. Certains de ces problèmes peuvent être résolus en utilisant des morceaux de code comme [link:https://github.com/stackgl/headless-gl headless-gl],  ou en remplaçant des composents comme [page:TextureLoader] avec des alternatives customisées. D'autres APIs DOM peuvent être profondément entrelacées avec le code qui les utilises, et il sera compliqué de le modifier. Nous soutenons les pull requests simples et maintenables pour améliorer le support de Node.js, mais recommendons d'ouvrir une issue pour parler de vos améliorations avant.
+			Parce que three.js est construit pour le web, il dépend de navigateurs et d'APIs DOM qui n'existent pas toujours dans Node.js. Certains de ces problèmes peuvent être résolus en utilisant des morceaux de code comme [link:https://github.com/stackgl/headless-gl headless-gl],  ou en remplaçant des composants comme [page:TextureLoader] avec des alternatives customisées. D'autres APIs DOM peuvent être profondément entrelacées avec le code qui les utilises, et il sera compliqué de le modifier. Nous soutenons les pull requests simples et maintenables pour améliorer le support de Node.js, mais recommandons d'ouvrir une issue pour parler de vos améliorations avant.
 		</p>
 
 		<p>

docs/manual/fr/introduction/Libraries-and-Plugins.html

@@ -30,7 +30,7 @@
 
 		<p>
 			En plus de [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing official three.js postprocessing effects],
-			du support pour des effets et frameworks additionels sont disponibles à travers des librairies externes.
+			du support pour des effets et frameworks additionnels sont disponibles à travers des librairies externes.
 		</p>
 
 		<ul>
@@ -44,16 +44,16 @@
 		</ul>
 
 		<h3>Path Tracing</h3>
-		
+
 		<ul>
 			<li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
 		</ul>
-		
+
 		<h3>Formats de fichiers</h3>
 
 		<p>
 			En plus de [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders official three.js loaders],
-			du support pour des formats additionels sont disponibles à travers des librairies externes.
+			du support pour des formats additionnels sont disponibles à travers des librairies externes.
 		</p>
 
 		<ul>
@@ -63,7 +63,7 @@
 			<li>[link:https://github.com/IFCjs/web-ifc-three IFC.js]</li>
 		</ul>
 
-		<h3>Géometrie</h3>
+		<h3>Géométrie</h3>
 
 		<ul>
 			<li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>

docs/manual/fr/introduction/Loading-3D-models.html

@@ -17,7 +17,7 @@
 		<a href="https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders" target="_blank" rel="noopener">
 		three.js fournit plusieurs loaders</a>, choisir le bon format et
 		workflow vous fera gagner du temps et vous épargnera beaucoup de frustration par la suite. Certains formats sont
-		difficiles à appréhender, inefficaces pour les exépriences en temps-réel, ou simplement
+		difficiles à appréhender, inefficaces pour les expériences en temps-réel, ou simplement
 		pas entièrement supportés pour le moment.
 	</p>
 
@@ -135,7 +135,7 @@
 			le signalement d'un bug auprès de l'application avec laquelle vous avez réalisé le modèle 3D.
 		</li>
 		<li>
-			Essayez de divisier ou de multiplier la taille du modèle par un facteur de 1000. Plusieurs modèles sont mis à
+			Essayez de diviser ou de multiplier la taille du modèle par un facteur de 1000. Plusieurs modèles sont mis à
 			l'échelles différemment, et les gros modèles peuvent ne pas apparaître si la caméra est
 			à l'intérieur du modèle.
 		</li>
@@ -143,7 +143,7 @@
 			Essayez d'ajouter et de positionner une source de lumière. Le modèle peut-être caché dans le noir.
 		</li>
 		<li>
-			Cherchez des requêtes concernant des textures erronnées dans votre onglet réseau, comme
+			Cherchez des requêtes concernant des textures erronées dans votre onglet réseau, comme
 			`"C:\\Path\To\Model\texture.jpg"`. Utilisez des chemins relatifs menant à votre
 			modèle à la place, comme `images/texture.jpg` — cela peut nécessiter
 			la modification du fichier du modèle dans un éditeur de texte.
@@ -158,7 +158,7 @@
 		plus rapidement à la solution. Postez une question sur le
 		<a href="https://discourse.threejs.org/" target="_blank" rel="noopener">forum three.js</a> et, incluez dès que possible,
 		votre modèle (ou un modèle plus simple avec le même problème) dans n'importe quel format
-		qui vous est disponible. Incluez sufisamment d'informations pour que quelqu'un puisse reproduire
+		qui vous est disponible. Incluez suffisamment d'informations pour que quelqu'un puisse reproduire
 		ce problème rapidement — idéalement, une démo live.
 	</p>
 

docs/manual/fr/introduction/Matrix-transformations.html

@@ -37,7 +37,7 @@ object.updateMatrix();
 				</code>
 			</li>
 			<li>
-				Modifier la matrice de l'objet directement. La classe [page:Matrix4] dipose de différentes méthodes pour modifier les matrices:
+				Modifier la matrice de l'objet directement. La classe [page:Matrix4] dispose de différentes méthodes pour modifier les matrices:
 				<code>
 object.matrix.setRotationFromQuaternion( quaternion );
 object.matrix.setPosition( start_position );

docs/manual/fr/introduction/Useful-links.html

@@ -12,7 +12,7 @@
 		<p class="desc">
 			Sur cette page vous trouverez un ensemble de liens qui pourraient vous êtres utiles dans votre apprentissage de three.js.<br />
 			Si vous souhaitez ajouter quelque chose ici, ou si vous pensez que quelque chose n'est plus
-			pertinant ou fonctionnel, n'hésitez pas à cliquer sur le bouton 'edit' en bas à droite de la page pour faire quelques modifications!<br /><br />
+			pertinent ou fonctionnel, n'hésitez pas à cliquer sur le bouton 'edit' en bas à droite de la page pour faire quelques modifications!<br /><br />
 
 			Notez également que three.js connaît un développement rapide, beaucoup de ces liens contiennent des informations qui sont
 			dépassées - si quelque chose ne fonctionne pas comme vous l'attendiez, ou comme un de ces liens l'annonce,

manual/fr/cameras.html

@@ -187,7 +187,7 @@ controls2.update();
 +    {
 +      const aspect = setScissorForElement(view1Elem);
 +
-+      // adjuste la caméra pour cet aspect
++      // ajuste la caméra pour cet aspect
 +      camera.aspect = aspect;
 +      camera.updateProjectionMatrix();
 +      cameraHelper.update();
@@ -205,7 +205,7 @@ controls2.update();
 +    {
 +      const aspect = setScissorForElement(view2Elem);
 +
-+      // adjuste la caméra
++      // ajuste la caméra
 +      camera2.aspect = aspect;
 +      camera2.updateProjectionMatrix();
 +

manual/fr/fundamentals.html

@@ -72,7 +72,7 @@ comment ils sont orientés. Les enfants sont positionnés et orientés par rappo
 Par exemple, les roues d'une voiture sont les enfants du châssis impliquant que si l'on déplace
 ou oriente la voiture, les roues suivront automatiquement son déplacement. Plus de
 détails sont donnés dans <a href="scenegraph.html">l'article sur les graphes de scène</a>.</p>
-<p>Il est à noter sur que ce diagramme <a href="/docs/#api/en/cameras/Camera"><code class="notranslate" translate="no">Camera</code></a> est patiellement placé dans le graphe de scène.
+<p>Il est à noter sur que ce diagramme <a href="/docs/#api/en/cameras/Camera"><code class="notranslate" translate="no">Camera</code></a> est partiellement placé dans le graphe de scène.
 Cela permet d'attirer l'attention qu'en Three.js, contrairement aux autres objets, une <a href="/docs/#api/en/cameras/Camera"><code class="notranslate" translate="no">Camera</code></a> ne doit
 pas forcément faire partie du graphe de scène pour être opérationnelle. Une <a href="/docs/#api/en/cameras/Camera"><code class="notranslate" translate="no">Camera</code></a>, de la même
 façon que les autres objets, enfant d'un autre objet, se déplace et s'oriente par rapport à son
@@ -107,7 +107,7 @@ soit <a href="canvas-textures.html">générées par le biais d'un canevas</a> ou
 </li>
 </ul>
 <p>Maintenant que tout cela a été défini, nous allons présenter un exemple de type <em>"Hello Cube"</em> utilisant un
-nombre minimum d'élements Three.js :</p>
+nombre minimum d'éléments Three.js :</p>
 <div class="threejs_center"><img src="../resources/images/threejs-1cube-no-light-scene.svg" style="width: 500px;"></div>
 
 <p>Tout d'abord, chargeons Three.js :</p>

manual/fr/lights.html

@@ -27,7 +27,7 @@
       <div class="lesson">
         <div class="lesson-main">
           <p>Cet article fait partie d'une série consacrée à Three.js.
-Le premier article s'intitule <a href="fundamentals.html">Principes de base</a>. Si vous ne l'avez pas encore lu, vous voudriez peut-être commencer par là ou aussi voir l'article sur <a href="setup.html">la configuartion de votre environnement</a>. L'
+Le premier article s'intitule <a href="fundamentals.html">Principes de base</a>. Si vous ne l'avez pas encore lu, vous voudriez peut-être commencer par là ou aussi voir l'article sur <a href="setup.html">la configuration de votre environnement</a>. L'
 <a href="textures.html">article précédent</a> parlait des textures.</p>
 <p>Voyons comment utiliser les différents types de lumières.</p>
 <p>En commençant avec l'un de nos exemples précédents, mettons à jour la caméra. Nous allons régler le champ de vision à 45 degrés, le plan éloigné à 100 unités, et nous déplacerons la caméra de 10 unités vers le haut et 20 unités en arrière de l'origine.</p>
@@ -124,7 +124,7 @@ Pour pouvoir ajuster la couleur via lil-gui, nous avons besoin d'un petit 'helpe
   }
 }
 </pre>
-<p>Et voici le code de configuartion de lil-gui</p>
+<p>Et voici le code de configuration de lil-gui</p>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 5, 0.01);
@@ -159,7 +159,7 @@ scene.add(light);
 +gui.addColor(new ColorGUIHelper(light, 'groundColor'), 'value').name('groundColor');
 gui.add(light, 'intensity', 0, 5, 0.01);
 </pre>
-<p>Le resultat :</p>
+<p>Le résultat :</p>
 <p></p><div translate="no" class="threejs_example_container notranslate">
   <div><iframe class="threejs_example notranslate" translate="no" style=" " src="/manual/examples/resources/editor.html?url=/manual/examples/lights-hemisphere.html"></iframe></div>
   <a class="threejs_center" href="/manual/examples/lights-hemisphere.html" target="_blank">Cliquer ici pour ouvrir dans une fenêtre séparée</a>
@@ -194,7 +194,7 @@ gui.add(light.target.position, 'y', 0, 10);
 </div>
 
 <p></p>
-<p>C'est un peu difficile de voir ce qui se passe. Three.js a un tas de 'helper' que nous pouvons ajouter à la scène pour voir les objets invibles. Utilisons, dans ce cas,
+<p>C'est un peu difficile de voir ce qui se passe. Three.js a un tas de 'helper' que nous pouvons ajouter à la scène pour voir les objets invisibles. Utilisons, dans ce cas,
 <a href="/docs/#api/en/helpers/DirectionalLightHelper"><code class="notranslate" translate="no">DirectionalLightHelper</code></a> qui a représente la source de lumière en direction de sa cible. Il suffit de lui ajouter une lumière et de l'ajouter à la scène.</p>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">const helper = new THREE.DirectionalLightHelper(light);
 scene.add(helper);

manual/fr/materials.html

@@ -50,7 +50,7 @@ material.color.set(someColor)    // some other THREE.Color
 material.color.setHSL(h, s, l)   // where h, s, and l are 0 to 1
 material.color.setRGB(r, g, b)   // where r, g, and b are 0 to 1
 </pre>
-<p>Pour le constructeur, vous pouvez passer, soit un nombre hexadécimal, soit une chaine de caractères au format CSS :</p>
+<p>Pour le constructeur, vous pouvez passer, soit un nombre hexadécimal, soit une chaîne de caractères au format CSS :</p>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">const m1 = new THREE.MeshBasicMaterial({color: 0xFF0000});         // rouge
 const m2 = new THREE.MeshBasicMaterial({color: 'red'});            // rouge
 const m3 = new THREE.MeshBasicMaterial({color: '#F00'});           // rouge
@@ -133,7 +133,7 @@ Le <a href="/docs/#api/en/materials/MeshLambertMaterial"><code class="notranslat
   </div>
 </div>
 
-<p>Pourquoi Three.js propose trois matérieaux similaires si au final <a href="/docs/#api/en/materials/MeshPhongMaterial"><code class="notranslate" translate="no">MeshPhongMaterial</code></a> peut faire les mêmes choses que <a href="/docs/#api/en/materials/MeshBasicMaterial"><code class="notranslate" translate="no">MeshBasicMaterial</code></a> et <a href="/docs/#api/en/materials/MeshLambertMaterial"><code class="notranslate" translate="no">MeshLambertMaterial</code></a> ? La raison est simple : le matériau le plus sophistiqué nécessite plus de puissance de la part du GPU. Sur un GPU plus lent comme sur un téléphone mobile, vous souhaitez peut-être améliorer les performances en utilisant un des matériaux moins gourmand en calculs GPU. Il en découle que si vous n'avez pas besoin de fonctionnalités supplémentaires, alors il vaut mieux privilégier le matériau le plus simple. Si vous n'avez pas besoin d'éclairage et de la surbrillance spéculaire alors utilisez le <a href="/docs/#api/en/materials/MeshBasicMaterial"><code class="notranslate" translate="no">MeshBasicMaterial</code></a>.</p>
+<p>Pourquoi Three.js propose trois matériaux similaires si au final <a href="/docs/#api/en/materials/MeshPhongMaterial"><code class="notranslate" translate="no">MeshPhongMaterial</code></a> peut faire les mêmes choses que <a href="/docs/#api/en/materials/MeshBasicMaterial"><code class="notranslate" translate="no">MeshBasicMaterial</code></a> et <a href="/docs/#api/en/materials/MeshLambertMaterial"><code class="notranslate" translate="no">MeshLambertMaterial</code></a> ? La raison est simple : le matériau le plus sophistiqué nécessite plus de puissance de la part du GPU. Sur un GPU plus lent comme sur un téléphone mobile, vous souhaitez peut-être améliorer les performances en utilisant un des matériaux moins gourmand en calculs GPU. Il en découle que si vous n'avez pas besoin de fonctionnalités supplémentaires, alors il vaut mieux privilégier le matériau le plus simple. Si vous n'avez pas besoin d'éclairage et de la surbrillance spéculaire alors utilisez le <a href="/docs/#api/en/materials/MeshBasicMaterial"><code class="notranslate" translate="no">MeshBasicMaterial</code></a>.</p>
 <p>Le <a href="/docs/#api/en/materials/MeshToonMaterial"><code class="notranslate" translate="no">MeshToonMaterial</code></a> est similaire au <a href="/docs/#api/en/materials/MeshPhongMaterial"><code class="notranslate" translate="no">MeshPhongMaterial</code></a>
 avec une grande différence : plutôt que d'ombrager en douceur, il utilise une carte de dégradé (une texture X par 1) pour décider comment ombrager. La valeur par défaut utilise une carte de dégradé dont la luminosité est de 70 % pour les premiers 70%, puis 100 % pour la suite. Vous pouvez aussi fournir votre propre carte de dégradé. Cela peut même donner une allure de dessin animé (cartoon) sur deux teintes.</p>
 <div class="spread">
@@ -159,7 +159,7 @@ sur la droite et un <code class="notranslate" translate="no">metalness</code> al
 
 <p>Voici la liste des divers matériaux standards rangés du plus rapide au plus lent :
 <a href="/docs/#api/en/materials/MeshBasicMaterial"><code class="notranslate" translate="no">MeshBasicMaterial</code></a> ➡ <a href="/docs/#api/en/materials/MeshLambertMaterial"><code class="notranslate" translate="no">MeshLambertMaterial</code></a> ➡ <a href="/docs/#api/en/materials/MeshPhongMaterial"><code class="notranslate" translate="no">MeshPhongMaterial</code></a> ➡
-<a href="/docs/#api/en/materials/MeshStandardMaterial"><code class="notranslate" translate="no">MeshStandardMaterial</code></a> ➡ <a href="/docs/#api/en/materials/MeshPhysicalMaterial"><code class="notranslate" translate="no">MeshPhysicalMaterial</code></a>. Les matériaux les plus longs à calculer créent des scènes plus réalistes, mais vous devrez peut-être égallement concevoir votre code pour utiliser les matériaux plus rapides à calculer pour des machines mobiles ou de faible puissance.</p>
+<a href="/docs/#api/en/materials/MeshStandardMaterial"><code class="notranslate" translate="no">MeshStandardMaterial</code></a> ➡ <a href="/docs/#api/en/materials/MeshPhysicalMaterial"><code class="notranslate" translate="no">MeshPhysicalMaterial</code></a>. Les matériaux les plus longs à calculer créent des scènes plus réalistes, mais vous devrez peut-être également concevoir votre code pour utiliser les matériaux plus rapides à calculer pour des machines mobiles ou de faible puissance.</p>
 <p>Il existe trois matériaux qui ont des utilisations spéciales.</p>
 
 <p><a href="/docs/#api/en/materials/ShadowMaterial"><code class="notranslate" translate="no">ShadowMaterial</code></a>

manual/fr/primitives.html

@@ -71,7 +71,7 @@ géométrie en entrée et génère des arêtes que si l'angle entre les faces es
 seuil. Par exemple, si vous regardez en haut de la boîte, elle montre une ligne passant par chaque
 face et montrant chaque triangle qui forme la boîte. Si vous utilisez une
 <a href="/docs/#api/en/geometries/EdgesGeometry"><code class="notranslate" translate="no">EdgesGeometry</code></a> les lignes du milieu sont supprimées. Ajustez le "thresholdAngle"
-ci-dessous et vous verrez les arêtes en dessous de ce seuil disparatre.</div>
+ci-dessous et vous verrez les arêtes en dessous de ce seuil disparate.</div>
 <div id="Diagram-WireframeGeometry" data-primitive="WireframeGeometry">Génère une géométrie qui
 contient un segment de droite (2 points) par arête dans la géométrie donnée. Sans cela, il vous
 manquerait souvent des arêtes ou vous obtiendriez des arêtes supplémentaires puisque WebGL exige
@@ -229,7 +229,7 @@ et lui passer la position du maillage de notre objet. La méthode
 <code class="notranslate" translate="no">getCenter</code> copie le centre de la boite dans la position.
 Elle renvoie également l'objet position afin que nous puissions appeler
 <code class="notranslate" translate="no">multiplyScalar(-1)</code> pour positionner l'objet entier de tel sorte que son
-centre de rotation soit positioné au centre de l'objet.</p>
+centre de rotation soit positionné au centre de l'objet.</p>
 <p>Si nous appelons juste <code class="notranslate" translate="no">addSolidGeometry</code> comme dans les
 exemples précédents, il s'établirait une position
 qui ne serait pas correcte. Donc, dans ce cas, nous créons un <a href="/docs/#api/en/core/Object3D"><code class="notranslate" translate="no">Object3D</code></a>
@@ -306,7 +306,7 @@ distance par rapport à la caméra.</p>
 
 <p>Une autre chose qu'il est important de souligner : c'est que presque toutes les formes ont des
 réglages différents concernant leur subdivisions. Un bon exemple pourrait être les
-géométries des sphères prennant en paramètres le nombre de divisions à faire autour et de
+géométries des sphères prenant en paramètres le nombre de divisions à faire autour et de
 haut en bas. Par exemple :</p>
 <div class="spread">
 <div data-diagram="SphereGeometryLow"></div>

manual/fr/responsive.html

@@ -83,7 +83,7 @@ redimensionnez la, vous verrez comment les cubes s'en trouvent déformés
 en hauteur et en largeur.</p>
 <p><img src="../resources/images/resize-incorrect-aspect.png" width="407" class="threejs_center nobg"></p>
 <p>Le second problème est qu'ils semblent affichés en basse résolution ou
-à la fois flous et pixellisés. Si vous étirez beaucoup la fenêtre, vous verrez
+à la fois flous et pixelisés. Si vous étirez beaucoup la fenêtre, vous verrez
 pleinement le problème.</p>
 <p><img src="../resources/images/resize-low-res.png" class="threejs_center nobg"></p>
 <p>Tout d'abord, nous allons résoudre le problème d'étirement.

manual/fr/setup.html

@@ -28,7 +28,7 @@
         <div class="lesson-main">
           <p>Cette article fait parti d'une série consacrée à Three.js. Le premier article traité des <a href="fundamentals.html">fondements de Three.js</a>.
 Si vous ne l'avez pas encore lu, vous devriez peut-être commencer par là.</p>
-<p>Avant d'aller plus loin, parlons du paramètrage de votre environnement de travail. Pour des raisons de sécurité
+<p>Avant d'aller plus loin, parlons du paramétrage de votre environnement de travail. Pour des raisons de sécurité
 WebGL ne peut pas utiliser des images provenant de votre disque dur. Cela signifie qu'il faille utiliser
 un serveur web. Heureusement, ils sont très facile à utiliser.</p>
 <p>Tout d'abord, si vous le souhaitez, vous pouvez télécharger l'intégralité de ce site depuis <a href="https://github.com/gfxfundamentals/threejsfundamentals/archive/gh-pages.zip">ce lien</a>.

manual/fr/shadows.html

@@ -249,7 +249,7 @@ Nous pouvons l'utiliser pour définir <code class="notranslate" translate="no">l
   }
 }
 </pre>
-<p>Utilisons aussi le <code class="notranslate" translate="no">MinMaxGUIHelper</code> que nous avons créé dans <a href="cameras.html">l'article sur les caméra</a> pour paramètrer <code class="notranslate" translate="no">near</code> et <code class="notranslate" translate="no">far</code>.</p>
+<p>Utilisons aussi le <code class="notranslate" translate="no">MinMaxGUIHelper</code> que nous avons créé dans <a href="cameras.html">l'article sur les caméra</a> pour paramétrer <code class="notranslate" translate="no">near</code> et <code class="notranslate" translate="no">far</code>.</p>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">const gui = new GUI();
 gui.addColor(new ColorGUIHelper(light, 'color'), 'value').name('color');
 gui.add(light, 'intensity', 0, 2, 0.01);
@@ -281,7 +281,7 @@ gui.add(light, 'intensity', 0, 2, 0.01);
 }
 updateCamera();
 </pre>
-<p>Et maintenant que nous avons accès aux propriètès de la caméra d'ombre, jouons avec.</p>
+<p>Et maintenant que nous avons accès aux propriétés de la caméra d'ombre, jouons avec.</p>
 <p></p><div translate="no" class="threejs_example_container notranslate">
   <div><iframe class="threejs_example notranslate" translate="no" style=" " src="/manual/examples/resources/editor.html?url=/manual/examples/shadows-directional-light-with-camera-gui.html"></iframe></div>
   <a class="threejs_center" href="/manual/examples/shadows-directional-light-with-camera-gui.html" target="_blank">Cliquer ici pour ouvrir dans une fenêtre séparée</a>
@@ -293,12 +293,12 @@ updateCamera();
 <div class="threejs_center"><img src="../resources/images/low-res-shadow-map.png" style="width: 369px"></div>
 
 <p>Que se passe-t-il avec ces ombres basse résolution ?!</p>
-<p>Ce problème est lié à un autre paramètres des ombres. Les textures d'ombre sont des textures dans lesquelles les ombres sont dessinées. Ces textures ont une taille. La zone de la caméra d'ombre que nous avons définie ci-dessus est étirée sur cette taille. Cela signifie que plus la zone que vous définissez est grande, plus vos ombres seront pixellisées.</p>
+<p>Ce problème est lié à un autre paramètres des ombres. Les textures d'ombre sont des textures dans lesquelles les ombres sont dessinées. Ces textures ont une taille. La zone de la caméra d'ombre que nous avons définie ci-dessus est étirée sur cette taille. Cela signifie que plus la zone que vous définissez est grande, plus vos ombres seront pixelisées.</p>
 <p>Vous pouvez définir la résolution de la texture de l'ombre en définissant <code class="notranslate" translate="no">light.shadow.mapSize.width</code> et <code class="notranslate" translate="no">light.shadow.mapSize.height</code>. Ils sont par défaut à 512x512. Plus vous les agrandissez, plus ils prennent de mémoire et plus ils sont lents à s'afficher, donc vous devrez les définir aussi petits que possible tout en faisant fonctionner votre scène. La même chose est vraie avec la zone d'ombre. Plus petite signifie des ombres plus belles, alors réduisez la zone autant que possible tout en couvrant votre scène. Sachez que la machine de chaque utilisateur a une taille de texture maximale autorisée qui est disponible sur le renderer en tant que <a href="/docs/#api/en/renderers/WebGLRenderer#capabilities"><code class="notranslate" translate="no">renderer.capabilities.maxTextureSize</code></a>.</p>
 <!--
 Ok but what about `near` and `far` I hear you thinking. Can we set `near` to 0.00001 and far to `100000000`
 -->
-<p>En passant à une <a href="/docs/#api/en/lights/SpotLight"><code class="notranslate" translate="no">SpotLight</code></a> la caméra d'ombre devient une <a href="/docs/#api/en/cameras/PerspectiveCamera"><code class="notranslate" translate="no">PerspectiveCamera</code></a>. Contrairement à la caméra d'ombre de la <a href="/docs/#api/en/lights/DirectionalLight"><code class="notranslate" translate="no">DirectionalLight</code></a> où nous pouvons régler manuellement la plupart de ses paramètres, celle de la <a href="/docs/#api/en/lights/SpotLight"><code class="notranslate" translate="no">SpotLight</code></a>est auto-controlée. Le <code class="notranslate" translate="no">fov</code> de la caméra d'ombre est directement connecté au réglage de l'<code class="notranslate" translate="no">angle</code> de la <a href="/docs/#api/en/lights/SpotLight"><code class="notranslate" translate="no">SpotLight</code></a>.
+<p>En passant à une <a href="/docs/#api/en/lights/SpotLight"><code class="notranslate" translate="no">SpotLight</code></a> la caméra d'ombre devient une <a href="/docs/#api/en/cameras/PerspectiveCamera"><code class="notranslate" translate="no">PerspectiveCamera</code></a>. Contrairement à la caméra d'ombre de la <a href="/docs/#api/en/lights/DirectionalLight"><code class="notranslate" translate="no">DirectionalLight</code></a> où nous pouvons régler manuellement la plupart de ses paramètres, celle de la <a href="/docs/#api/en/lights/SpotLight"><code class="notranslate" translate="no">SpotLight</code></a>est auto-contrôlée. Le <code class="notranslate" translate="no">fov</code> de la caméra d'ombre est directement connecté au réglage de l'<code class="notranslate" translate="no">angle</code> de la <a href="/docs/#api/en/lights/SpotLight"><code class="notranslate" translate="no">SpotLight</code></a>.
 L'<code class="notranslate" translate="no">aspect</code> est directement définit en fonction de la taille de la zone d'ombre.</p>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">-const light = new THREE.DirectionalLight(color, intensity);
 +const light = new THREE.SpotLight(color, intensity);

manual/fr/textures.html

@@ -86,7 +86,7 @@ const material = new THREE.MeshBasicMaterial({
   </div>
 </div>
 
-<p>Fabriquons juste 6 materiaux et passons-les sous forme de tableau lors de la création du <a href="/docs/#api/en/objects/Mesh"><code class="notranslate" translate="no">Mesh</code></a></p>
+<p>Fabriquons juste 6 matériaux et passons-les sous forme de tableau lors de la création du <a href="/docs/#api/en/objects/Mesh"><code class="notranslate" translate="no">Mesh</code></a></p>
 <pre class="prettyprint showlinemods notranslate lang-js" translate="no">const loader = new THREE.TextureLoader();
 -const texture = loader.load( 'resources/images/wall.jpg' );
 -texture.colorSpace = THREE.SRGBColorSpace;
@@ -118,9 +118,9 @@ const material = new THREE.MeshBasicMaterial({
 </div>
 
 <p></p>
-<p>Il convient de noter, cependant, que tous les types de géométries ne peuvent supporter la prise en charge de plusieurs matériaux. <a href="/docs/#api/en/geometries/BoxGeometry"><code class="notranslate" translate="no">BoxGeometry</code></a> ne peut utiliser que 6 materiaux,  un pour chaque face.
+<p>Il convient de noter, cependant, que tous les types de géométries ne peuvent supporter la prise en charge de plusieurs matériaux. <a href="/docs/#api/en/geometries/BoxGeometry"><code class="notranslate" translate="no">BoxGeometry</code></a> ne peut utiliser que 6 matériaux,  un pour chaque face.
 <a href="/docs/#api/en/geometries/ConeGeometry"><code class="notranslate" translate="no">ConeGeometry</code></a>, seulement 2, un pour la base et un pour le cône.
-<a href="/docs/#api/en/geometries/CylinderGeometry"><code class="notranslate" translate="no">CylinderGeometry</code></a> peut recevoir 3 materiaux pour le bas, le haut et le côté.
+<a href="/docs/#api/en/geometries/CylinderGeometry"><code class="notranslate" translate="no">CylinderGeometry</code></a> peut recevoir 3 matériaux pour le bas, le haut et le côté.
 Dans les autres cas, vous devrez créer ou charger une géométrie personnalisée et/ou modifier les coordonnées de texture.</p>
 <p>Il est bien plus performant d'utiliser, comme dans bien d'autres moteurs 3D, un
 <a href="https://fr.wikipedia.org/wiki/Atlas_de_texture">atlas de texture</a>

test/unit/src/core/Object3D.tests.js

@@ -616,7 +616,7 @@ export default QUnit.module( 'Core', () => {
 			a.add( child1 );
 			assert.strictEqual( a.children.length, 2, 'The first child was added to the parent' );
 			a.clear();
-			assert.strictEqual( a.children.length, 0, 'All childrens were removed' );
+			assert.strictEqual( a.children.length, 0, 'All children were removed' );
 			assert.strictEqual( child1.parent, null, 'First child has no parent' );
 			assert.strictEqual( child2.parent, null, 'Second child has no parent' );
 
@@ -722,7 +722,7 @@ export default QUnit.module( 'Core', () => {
 			childName.add( childName2 );
 			parent.add( childName, childNothing );
 
-			assert.strictEqual( parent.getObjectsByProperty( 'name', 'foo' ).length, 3, 'Get amount of all childs by name "foo"' );
+			assert.strictEqual( parent.getObjectsByProperty( 'name', 'foo' ).length, 3, 'Count the number of children with name "foo"' );
 			assert.strictEqual( parent.getObjectsByProperty( 'name', 'foo' ).some( obj => obj.name !== 'foo' ), false, 'Get all childs by name "foo"' );
 
 		} );