« Modèle:Premier cube » : différence entre les versions

De OSWiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Ligne 4 : Ligne 4 :
**js
**js
***script.js
***script.js
***three.js
***[https://raw.githubusercontent.com/mrdoob/three.js/dev/build/three.js three.js]
**index.html
**index.html
}}
}}
==Fichier Index.html==
==Fichier Index.html==
C'est le fichier qui sera afficher dans le navigateur. Il contient :
C'est le fichier qui sera afficher dans le navigateur. Il contient :

Version du 21 janvier 2018 à 16:31

Organisation des dossiers et fichiers

Fichier Index.html

C'est le fichier qui sera afficher dans le navigateur. Il contient :

  • Le code HTML de la page,
  • Le style CSS ou le lien vers la feuille de style .css,
  • Les liens vers les fichiers javascript qui sont placés tout deux dans un sous dossier js/ de la racine du site. On peut organiser le site différemment, conserver la fichier three.js dans l'archive Three.js pour simplifier les mises à jours avec git.
    • Le fichier three.js de la bibliothèque Three.js,
    • Le fichier script.js où on va écrire le code javascript pour afficher le cube.

Exemple de code HTML de base pour afficher un cube avec Three.js :

<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8>
		<title>Ma première application three.js</title>
		<style>
			body { margin: 0; }
			canvas { width: 100%; height: 100% }
		</style>
	</head>
	<body>
	  <script src="js/three.js"></script>
	  <script src="js/script.js"></script>
	</body>
</html>