Modèle:Utiliser des géométries - Historique des versions

Acryline le 25 mars 2022 à 12:29

2022-03-25T12:29:59Z

Acryline : /* script.js */

2022-03-24T14:40:03Z

script.js

← Version précédente		Version du 24 mars 2022 à 16:40
Ligne 61 :		Ligne 61 :
	</source>		</source>

	\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" ~~allowfullscreen~~ />		\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" />
	\|}		\|}
	====Le moteur de rendu====		====Le moteur de rendu====

Acryline : /* Analyse du code javascript */

2022-03-24T14:39:37Z

Analyse du code javascript

← Version précédente		Version du 24 mars 2022 à 16:39
Ligne 61 :		Ligne 61 :
	</source>		</source>

	\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" allowfullscreen~~=true~~ />		\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" allowfullscreen />
	\|}		\|}
	====Le moteur de rendu====		====Le moteur de rendu====

Acryline : /* script.js */

2022-03-24T14:38:41Z

script.js

← Version précédente		Version du 24 mars 2022 à 16:38
Ligne 61 :		Ligne 61 :
	</source>		</source>

	\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" />		\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" allowfullscreen=true />
	\|}		\|}
	====Le moteur de rendu====		====Le moteur de rendu====

Acryline le 24 mars 2022 à 14:28

2022-03-24T14:28:03Z

← Version précédente		Version du 24 mars 2022 à 16:28
Ligne 62 :		Ligne 62 :

	\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" />		\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" />
			\|}
	====Le moteur de rendu====		====Le moteur de rendu====
	Création de l'objet moteur de rendu à partir de la classe [[WebGLRenderer]]:		Création de l'objet moteur de rendu à partir de la classe [[WebGLRenderer]]:

Acryline : /* script.js */

2022-03-24T14:25:45Z

script.js

← Version précédente		Version du 24 mars 2022 à 16:25
Ligne 61 :		Ligne 61 :
	</source>		</source>

	\| style="position: absolute; width:50%; min-height:100%; "\|~~{{Spécial:IframePage~~/~~Geometrie}}~~		\| style="position: absolute; width:50%; min-height:100%; "\|<iframe key="webgl" path="/cogito/OSWiki/resources/3D/tests_exemples/webgl003/index.php" />
	\|}
	====Le moteur de rendu====		====Le moteur de rendu====
	Création de l'objet moteur de rendu à partir de la classe [[WebGLRenderer]]:		Création de l'objet moteur de rendu à partir de la classe [[WebGLRenderer]]:
Ligne 316 :		Ligne 315 :
	animate();		animate();
	</source>		</source>

	==Le code javascript brute==		==Le code javascript brute==
	<source lang='javascript'>		<source lang='javascript'>

Acryline : /* Boucle d'animation */

2018-02-14T13:57:53Z

Boucle d'animation

← Version précédente		Version du 14 février 2018 à 15:57
Ligne 268 :		Ligne 268 :
	*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().		*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().
	*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.		*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.
	*Pour finir on utilise [[WebGLRenderer#render\|~~renter~~]](),la méthode de la classe du renderer, pour faire le rendu de la scène vu par la caméra .		*Pour finir on utilise [[WebGLRenderer#render\|render]](),la méthode de la classe du renderer, pour faire le rendu de la scène vu par la caméra .

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

Acryline : /* Boucle d'animation */

2018-02-14T13:56:02Z

Boucle d'animation

← Version précédente		Version du 14 février 2018 à 15:56
Ligne 268 :		Ligne 268 :
	*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().		*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().
	*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.		*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.
	*Pour finir on utilise [[WebGLRenderer#render\|renter]] () pour faire le rendu de la scène vu par la caméra ~~à l'aide de la méthode de la classe du renderer~~.		*Pour finir on utilise [[WebGLRenderer#render\|renter]](),la méthode de la classe du renderer, pour faire le rendu de la scène vu par la caméra .

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

Acryline : /* Boucle d'animation */

2018-02-14T13:55:00Z

Boucle d'animation

← Version précédente		Version du 14 février 2018 à 15:55
Ligne 268 :		Ligne 268 :
	*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().		*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().
	*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.		*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.
	Pour finir ~~la fonction fait~~ le rendu de la scène vu par la caméra à l'aide de la méthode ~~[[WebGLRenderer#render\|render]] ()~~ de la classe du renderer.		*Pour finir on utilise [[WebGLRenderer#render\|renter]] () pour faire le rendu de la scène vu par la caméra à l'aide de la méthode de la classe du renderer.

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

Acryline : /* Boucle d'animation */

2018-02-14T13:49:56Z

Boucle d'animation

← Version précédente		Version du 14 février 2018 à 15:49
Ligne 268 :		Ligne 268 :
	*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().		*La boucle est lancée grâce à la méthode Javascript [[Documentation Javascript associée#requestAnimationFrame\|requestAnimationFrame]]().
	*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.		*Dans cette fonction on met à jour la rotation de chaque objet en incrémentant ou décrémentant les angles de rotation sur l'axe des x et l'axe des y. Par exemple le cube va tourner de 0.01 rad par frame (60 frames par seconde en général) sur l'horizontale et de 0.01 rad par frame sur la verticale.
	*Pour finir la fonction fait le rendu de la scène vu par la caméra à l'aide de		Pour finir la fonction fait le rendu de la scène vu par la caméra à l'aide de la méthode [[WebGLRenderer#render\|render]] () de la classe du renderer.

	la méthode [[WebGLRenderer#render\|render]] () de la classe du renderer.

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

Modèle:Utiliser des géométries - Historique des versions

Acryline le 25 mars 2022 à 12:29

Acryline : /* script.js */

Acryline : /* Analyse du code javascript */

Acryline : /* script.js */

Acryline le 24 mars 2022 à 14:28

Acryline : /* script.js */

Acryline : /* Boucle d'animation */

Acryline : /* Boucle d'animation */

Acryline : /* Boucle d'animation */

Acryline : /* Boucle d'animation */

Acryline : /* script.js */

Acryline : /* Analyse du code javascript */

Acryline : /* script.js */

Acryline : /* script.js */

Acryline : /* Boucle d'animation */

Acryline : /* Boucle d'animation */

Acryline : /* Boucle d'animation */

Acryline : /* Boucle d'animation */