« Modèle:Premier cube » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « ==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... ») |
|||
| Ligne 1 : | Ligne 1 : | ||
==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 : | ||
* Le code HTML de la page, | * Le '''code HTML''' de la page, | ||
* Le style CSS ou le lien vers la feuille de style .css, | * 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. | * 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 three.js de la bibliothèque Three.js, | ||
**Le fichier script.js où on va écrire le code javascript pour afficher le cube. | **Le fichier script.js où on va écrire le code javascript pour afficher le cube. | ||
Version du 21 janvier 2018 à 16:23
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 : <source lang='html5'> <!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> </source>