Liens Utiles ([name])

Sur cette page vous trouverez un ensemble de liens qui pourraient vous êtres utiles dans votre apprentissage de three.js.
Si vous souhaitez ajouter quelque chose ici, ou si vous pensez que quelque chose n'est plus pertinant ou fonctionnel, n'hésitez pas à cliquer sur le bouton 'edit' en bas à droite de la page pour faire quelques modifications!

Notez également que three.js connaît un développement rapide, beaucoup de ces liens contiennent des informations qui sont dépassées - si quelque chose ne fonctionne pas comme vous l'attendiez, ou comme un de ces liens l'annonce, jetez un oeil à la console du navigateur à la recherche d'erreurs ou de warnings. Regardez également la documentation appropriée.

Forums d'aide

Three.js utilise officiellement le [link:https://discourse.threejs.org/ forum] et [link:http://stackoverflow.com/tags/three.js/info Stack Overflow] pour les demandes d'aide. Si vous avez besoin d'assistance avec quelque chose, c'est là où vous devez vous rendre. N'ouvrez PAS d'issue sur Github pour les demandes d'aide.

Cours et tutoriels

Commencer three.js

• [link:https://threejs.org/manual/#en/fundamentals Three.js Fundamentals starting lesson]
• [link:https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene Beginning with 3D WebGL] par [link:https://codepen.io/rachsmith/ Rachel Smith].
• [link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]

More extensive / advanced articles and courses

• [link:https://threejs-journey.com/ Three Journey] par [link:https://bruno-simon.com/ Bruno Simon] - Ce cours apprends aux débutants à utiliser Three.js étape par étape
• [link:https://discoverthreejs.com/ Discover three.js]
• [link:http://blog.cjgammon.com/ Collection of tutorials] par [link:http://www.cjgammon.com/ CJ Gammon].
• [link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
• [link:https://www.udacity.com/course/cs291 Interactive 3D Graphics] - un cours gratuit sur Udacity qui enseigne les fondamentaux de l'infographie 3D, et qui utilise three.js comme outil de code.
• [Link:https://aerotwist.com/tutorials/ Aerotwist] tutoriels par [link:https://github.com/paullewis/ Paul Lewis].
• [link:https://discourse.threejs.org/t/three-js-bookshelf/2468 Three.js Bookshelf] - Vous cherchez plus de ressources concernant three.js ou sur l'infographie en général? Jetez un oeil à la sélection de littérature recommandée par la communauté.

News et Mises à jour

• [link:https://twitter.com/hashtag/threejs Three.js on Twitter]
• [link:http://www.reddit.com/r/threejs/ Three.js on reddit]
• [link:http://www.reddit.com/r/webgl/ WebGL on reddit]

Examples

• [link:https://github.com/edwinwebb/three-seed/ three-seed] - un projet prêt à l'emploi three.js avec ES6 et Webpack
• [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - une collection d'exemples adaptés aux débutant construits three.js r60.
• [link:https://threejs.org/examples/ Official three.js examples] - ces exemples sont conservés dans le dossier three.js, et utilisent toujours la dernière version de three.js.
• [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] - Pareil qu'au dessus, sauf que ceux-ci utilisent la branche dev de three.js, et sont utilisés pour s'assurer que tout fonctionne durant le développement de three.js.

Outils

• [link:https://github.com/tbensky/physgl physgl.org] - un front-end JavaScript avec des wrappers pour three.js, pour montrer des graphiques WebGL aux étudiants qui apprennent les mathématiques et la physique.
• [link:https://whsjs.readme.io/ Whitestorm.js] – Framework three.js modulaire avec le plugin de physique AmmoNext.
• [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
• [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
• [link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Coloration syntaxique pour le langage des shaders.
  [link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Coloration syntaxique pour les littéraux de gabarits, comme: glsl.js.
• [link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]

Références WebGL

• [link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf webgl-reference-card.pdf] - Référentiel de tous les mots-clés de WebGL et GLSL, la terminologie, syntaxe et les définitions.

Anciens Liens

Ces liens sont conservés pour des raisons d'historisation - vous pouvez les trouver encore utile, mais gardez à l'esprit qu'ils peuvent contenir des informations qui font référence à de très anciennes versions de three.js.

• AlterQualia at WebGL Camp 3
• [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - une liste d'exemple utilisant three.js r45.
• [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] par [link:http://github.com/kig/ Ilmari Heikkinen] (slideshow).
• [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] par [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
• Trigger Rally par [link:https://github.com/jareiko jareiko] (video).
• [link:http://blackjk3.github.io/threefab/ ThreeFab] - éditeur de scène, maintenu jusqu'à three.js r50 environ.
• [link:http://bkcore.com/blog/3d/webgl-three-js-workflow-tips.html Max to Three.js workflow tips and tricks] par [link:https://github.com/BKcore BKcore]
• [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ A whirlwind look at Three.js] par [link:http://github.com/nrocy Paul King]
• [link:http://bkcore.com/blog/3d/webgl-three-js-animated-selective-glow.html Animated selective glow in Three.js] par [link:https://github.com/BKcore BKcore]
• [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - tutoriel three.js en Japonais