Configuration

Cet article fait partie d'une série d'articles sur three.js. Le premier article portait sur les fondamentaux de three.js. Si vous ne l'avez pas encore lu, vous pourriez vouloir commencer par là.

Avant d'aller plus loin, nous devons parler de la configuration de votre ordinateur en tant qu'environnement de développement. En particulier, pour des raisons de sécurité, WebGL ne peut pas utiliser directement les images de votre disque dur. Cela signifie que pour développer, vous devez utiliser un serveur web. Heureusement, les serveurs web de développement sont très faciles à configurer et à utiliser.

Tout d'abord, si vous le souhaitez, vous pouvez télécharger l'intégralité de ce site à partir de ce lien. Une fois téléchargé, double-cliquez sur le fichier zip pour décompresser les fichiers.

Ensuite, téléchargez l'un de ces serveurs web simples.

Si vous préférez un serveur web avec une interface utilisateur, il existe Servez.

Il suffit de le pointer vers le dossier où vous avez décompressé les fichiers, cliquez sur "Démarrer", puis rendez-vous dans votre navigateur à l'adresse http://localhost:8080/ ou si vous souhaitez parcourir les exemples, allez à l'adresse http://localhost:8080/threejs.

Pour arrêter le service, cliquez sur stop ou quittez Servez.

Si vous préférez la ligne de commande (c'est mon cas), une autre solution est d'utiliser node.js. Téléchargez-le, installez-le, puis ouvrez une fenêtre d'invite de commandes / console / terminal. Si vous êtes sous Windows, le programme d'installation ajoutera une "Invite de commandes Node" spéciale, utilisez donc celle-ci.

Ensuite, installez servez en tapant

npm -g install servez

Si vous êtes sur OSX, utilisez

sudo npm -g install servez

Une fois que vous avez fait cela, tapez

servez path/to/folder/where/you/unzipped/files

Ou si vous êtes comme moi

cd path/to/folder/where/you/unzipped/files
servez

Il devrait afficher quelque chose comme

Puis, dans votre navigateur, allez à l'adresse http://localhost:8080/.

Si vous ne spécifiez pas de chemin, servez servira le dossier actuel.

Si aucune de ces options ne vous convient, il existe de nombreux autres serveurs simples parmi lesquels choisir.

Maintenant que vous avez configuré un serveur, nous pouvons passer aux textures.