Matériau - Historique des versions

Acryline le 25 mars 2022 à 12:34

2022-03-25T12:34:10Z

← Version précédente		Version du 25 mars 2022 à 14:34
Ligne 9 :		Ligne 9 :
	Certains [[Materials\|matériaux]] acceptent un paramètre [[Color\|couleur]] sous la forme d'une valeur hexadécimale comme par exemple 0xffffff. Heureusement, [[Définitions#Three.js\|Three.js]] a un objet couleur très pratique pour travailler avec les couleurs. On peut créer une couleur en prenant une chaîne hexadécimale ou une chaine rgb pour la passer dans la couleur.		Certains [[Materials\|matériaux]] acceptent un paramètre [[Color\|couleur]] sous la forme d'une valeur hexadécimale comme par exemple 0xffffff. Heureusement, [[Définitions#Three.js\|Three.js]] a un objet couleur très pratique pour travailler avec les couleurs. On peut créer une couleur en prenant une chaîne hexadécimale ou une chaine rgb pour la passer dans la couleur.

	<~~source~~ lang = 'javascript'>		<syntaxhighlight lang = 'javascript'>
	//Utiliser une chaîne hexadécimale		//Utiliser une chaîne hexadécimale
	var color = new THREE.Color("#6f4171");		var color = new THREE.Color("#6f4171");
	//Utiliser une chaîne rgba		//Utiliser une chaîne rgba
	var color = new THREE.Color("rgba(188, 141, 190, 1)");		var color = new THREE.Color("rgba(188, 141, 190, 1)");
	</~~source~~>		</syntaxhighlight>
	On peut obtenir la couleur en hexadécimal avec la méthode .getHex de la classe [[Color]].		On peut obtenir la couleur en hexadécimal avec la méthode .getHex de la classe [[Color]].

	<~~source~~ lang = 'javascript'>		<syntaxhighlight lang = 'javascript'>
	var hex = color.getHex();		var hex = color.getHex();
	</~~source~~>		</syntaxhighlight>
	Il existe de nombreuses méthodes associées à l'objet		Il existe de nombreuses méthodes associées à l'objet

Ligne 55 :		Ligne 55 :
	===[[MeshNormalMaterial]]===		===[[MeshNormalMaterial]]===
	Ce n'est pas le matériel le plus pratique car il permet très peu de contrôles. La couleur des plans du mesh sont définis en fonction de leur position. Cela crée des effets irisés assez beaux sur les objets. C'est mieux que rien, ce matériel n'est pas dépendant de l'éclairage.		Ce n'est pas le matériel le plus pratique car il permet très peu de contrôles. La couleur des plans du mesh sont définis en fonction de leur position. Cela crée des effets irisés assez beaux sur les objets. C'est mieux que rien, ce matériel n'est pas dépendant de l'éclairage.
	<~~source~~ lang = "javascript">		<syntaxhighlight lang = "javascript">
	var material = new THREE.MeshNormalMaterial();		var material = new THREE.MeshNormalMaterial();
	</~~source~~>		</syntaxhighlight>

	=Cas pratique=		=Cas pratique=
	{{Modèle:Utiliser des matériaux}}		{{Modèle:Utiliser des matériaux}}

Acryline : /* Quelques matériaux */

2018-02-19T00:22:53Z

Quelques matériaux

← Version précédente		Version du 19 février 2018 à 02:22
Ligne 53 :		Ligne 53 :
	=Ombres et reflets=		=Ombres et reflets=
	=Quelques matériaux=		=Quelques matériaux=
			===[[MeshNormalMaterial]]===
			Ce n'est pas le matériel le plus pratique car il permet très peu de contrôles. La couleur des plans du mesh sont définis en fonction de leur position. Cela crée des effets irisés assez beaux sur les objets. C'est mieux que rien, ce matériel n'est pas dépendant de l'éclairage.
			<source lang = "javascript">
			var material = new THREE.MeshNormalMaterial();
			</source>

	=Cas pratique=		=Cas pratique=
	{{Modèle:Utiliser des matériaux}}		{{Modèle:Utiliser des matériaux}}

Acryline : /* Les textures */

2018-02-19T00:19:11Z

Les textures

← Version précédente		Version du 19 février 2018 à 02:19
Ligne 23 :		Ligne 23 :

	=Les textures=		=Les textures=

			Dans le domaine de la synthèse d'image, une texture est une image en deux dimensions (2D) que l'on va appliquer sur une surface (2D) ou un volume en trois dimensions (3D) de manière à habiller cette surface ou ce volume [https://fr.wikipedia.org/wiki/Texture_(image_de_synth%C3%A8se)].

	On utilise des textures pour les appliquer sur des surfaces ou pour créer des cartes de reflexion ou de réfraction.		On utilise des textures pour les appliquer sur des surfaces ou pour créer des cartes de reflexion ou de réfraction.

	Il existe plusieurs classes dédiées à la création d'objets texture dans Three.js :		Il existe plusieurs classes dédiées à la '''création d'objets texture''' dans Three.js :
	*[[CanvasTexture]]		*[[CanvasTexture]]
	*[[CompressedTexture]]		*[[CompressedTexture]]
Ligne 33 :		Ligne 36 :
	*[[Texture]]		*[[Texture]]
	*[[VideoTexture]]		*[[VideoTexture]]

			D'autres classes sont utilisées pour '''charger des textures''' :

			*[[CompressedTextureLoader]]
			*[[CubeTextureLoader]]
			*[[DataTextureLoader]]
			*[[TextureLoader]]

			Il existe également de nombreuses constantes décrite sur la page [[Textures (constantes)]] qui vont définir :
			* les modes de cartographie,
			* les modes de recouvrement des géométries par la texture,
			* des filtres d'agrandissement et de réduction,
			* les types, formats, formats de compression des texture
			* l'encodage.

	=Ombres et reflets=		=Ombres et reflets=

Acryline : /* Les textures */

2018-02-19T00:03:49Z

Les textures

← Version précédente		Version du 19 février 2018 à 02:03
Ligne 23 :		Ligne 23 :

	=Les textures=		=Les textures=
			On utilise des textures pour les appliquer sur des surfaces ou pour créer des cartes de reflexion ou de réfraction.

			Il existe plusieurs classes dédiées à la création d'objets texture dans Three.js :
			*[[CanvasTexture]]
			*[[CompressedTexture]]
			*[[CubeTexture]]
			*[[DataTexture]]
			*[[DepthTexture]]
			*[[Texture]]
			*[[VideoTexture]]

	=Ombres et reflets=		=Ombres et reflets=
	=Quelques matériaux=		=Quelques matériaux=
	=Cas pratique=		=Cas pratique=
	{{Modèle:Utiliser des matériaux}}		{{Modèle:Utiliser des matériaux}}

Acryline : Acryline a déplacé la page Matériel vers Matériau : Erreur de sens

2018-02-18T12:18:16Z

Acryline a déplacé la page Matériel vers Matériau : Erreur de sens

← Version précédente	Version du 18 février 2018 à 14:18
(Aucune différence)

Acryline : /* Cas pratique */

2018-02-11T16:34:43Z

Cas pratique

Voir les modifications

Acryline : /* Cas pratique */

2018-02-11T16:33:30Z

Cas pratique

← Version précédente		Version du 11 février 2018 à 18:33
Ligne 26 :		Ligne 26 :
	=Quelques matériaux=		=Quelques matériaux=
	=Cas pratique=		=Cas pratique=
			{{Modèle:Utiliser des matériaux}}
	{\|		{\|
	\|style="width: 50%;"\|<source lang = 'javascript'>		\|style="width: 50%;"\|<source lang = 'javascript'>

Acryline : /* Les couleurs */

2018-02-11T16:14:44Z

Les couleurs

← Version précédente		Version du 11 février 2018 à 18:14
Ligne 7 :		Ligne 7 :

	=Les couleurs=		=Les couleurs=
	Certains [[Materials\|matériaux]] acceptent un paramètre [[Color\|couleur]] sous la forme d'une valeur hexadécimale comme par exemple 0xffffff. Heureusement, [[#Three.js\|Three.js]] a un objet couleur très pratique pour travailler avec les couleurs. On peut créer une couleur en prenant une chaîne hexadécimale ou une chaine rgb pour la passer dans la couleur.		Certains [[Materials\|matériaux]] acceptent un paramètre [[Color\|couleur]] sous la forme d'une valeur hexadécimale comme par exemple 0xffffff. Heureusement, [[Définitions#Three.js\|Three.js]] a un objet couleur très pratique pour travailler avec les couleurs. On peut créer une couleur en prenant une chaîne hexadécimale ou une chaine rgb pour la passer dans la couleur.

	<source lang = 'javascript'>		<source lang = 'javascript'>

Acryline : /* Qu'est ce qu'un matériau ?" */

2018-02-11T16:13:06Z

Qu'est ce qu'un matériau ?"

← Version précédente		Version du 11 février 2018 à 18:13
Ligne 1 :		Ligne 1 :
	=Qu'est ce qu'un matériau ?"=		=Qu'est ce qu'un matériau ?"=

	Un matériau décrit l'apparence des objets :		Un [[Materials\|matériau]] décrit l'apparence des [[Objects\|objets]] :
	* '''couleur''',		* '''couleur''',
	* '''texture''',		* '''texture''',

Acryline : /* Les couleurs */

2018-02-11T16:11:34Z

Les couleurs

@@ Ligne 7 : / Ligne 7 : @@
 =Les couleurs=
 =Les textures=
 =Ombres et reflets=

Matériau - Historique des versions

Acryline le 25 mars 2022 à 12:34

Acryline : /* Quelques matériaux */

Acryline : /* Les textures */

Acryline : /* Les textures */

Acryline : Acryline a déplacé la page Matériel vers Matériau : Erreur de sens

Acryline : /* Cas pratique */

Acryline : /* Cas pratique */

Acryline : /* Les couleurs */

Acryline : /* Qu'est ce qu'un matériau ?" */

Acryline : /* Les couleurs */

Acryline : /* Quelques matériaux */

Acryline : /* Les textures */

Acryline : /* Les textures */

Acryline : Acryline a déplacé la page Matériel vers Matériau : Erreur de sens

Acryline : /* Cas pratique */

Acryline : /* Cas pratique */

Acryline : /* Les couleurs */

Acryline : /* Qu'est ce qu'un matériau ?" */

Acryline : /* Les couleurs */