setup.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. Title: Installation de Three.js
  2. Description: Comment configurer votre environnement de développement pour Three.js
  3. TOC: Setup
  4. Cette article fait parti d'une série consacrée à Three.js. Le premier article traité des [fondements de Three.js](threejs-fundamentals.html).
  5. Si vous ne l'avez pas encore lu, vous devriez peut-être commencer par là.
  6. Avant d'aller plus loin, parlons du paramètrage de votre environnement de travail. Pour des raisons de sécurité
  7. WebGL ne peut pas utiliser des images provenant de votre disque dur. Cela signifie qu'il faille utiliser
  8. un serveur web. Heureusement, ils sont très facile à utiliser.
  9. Tout d'abord, si vous le souhaitez, vous pouvez télécharger l'intégralité de ce site depuis [ce lien](https://github.com/gfxfundamentals/threejsfundamentals/archive/gh-pages.zip).
  10. Une fois téléchargé, dézippez le dossier.
  11. Ensuite, téléchargez l'un des web serveurs suivants.
  12. Si vous en préférez un avec une interface graphique, voici [Servez](https://greggman.github.io/servez)
  13. {{{image url="resources/servez.gif" className="border" }}}
  14. Pointez-le simplement sur le dossier où vous avez décompressé les fichiers, cliquez sur "Démarrer", puis accédez-y dans votre navigateur à l'adresse suivante [`http://localhost:8080/`](http://localhost:8080/) ou si vous voulez souhaitez parcourir les exemples, accédez à [`http://localhost:8080/threejs`](http://localhost:8080/threejs).
  15. Pour arrêter le serveur, cliquez sur stop ou quittez Servez.
  16. Si vous préférez la ligne de commande, une autre façon consiste à utiliser [node.js](https://nodejs.org).
  17. Téléchargez-le, installez-le, puis ouvrez une fenêtre d'invite de commande / console / terminal. Si vous êtes sous Windows, le programme d'installation ajoutera une "Invite de commande de nœud" spéciale, alors utilisez-la.
  18. Ensuite installez [`servez`](https://github.com/greggman/servez-cli) avec ces commandes
  19. npm -g install servez
  20. Ou si vous êtes sous OSX
  21. sudo npm -g install servez
  22. Une fois que c'est fait, tapez cette commande
  23. servez path/to/folder/where/you/unzipped/files
  24. Ou si vous êtes comme moi
  25. cd path/to/folder/where/you/unzipped/files
  26. servez
  27. Il devrait imprimer quelque chose ça
  28. {{{image url="resources/servez-response.png" }}}
  29. Ensuite, ouvrez [`http://localhost:8080/`](http://localhost:8080/) dans votre navigateur.
  30. Si vous ne spécifiez pas de chemin, Servez choisira le dossier courant.
  31. Si ces options ne vous conviennent pas, vous pouvez choisir
  32. [d'autres alternatives](https://stackoverflow.com/questions/12905426/what-is-a-faster-alternative-to-pythons-servez-or-simplehttpserver).
  33. Maintenant que vous avez un serveur configuré, nous pouvons passer aux [textures](threejs-textures.html).