You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
7.3 KiB
178 lines
7.3 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Liens Utiles ([name])</h1>
|
||
|
|
|
||
|
|
<p class="desc">
|
||
|
|
Sur cette page vous trouverez un ensemble de liens qui pourraient vous êtres utiles dans votre apprentissage de three.js.<br />
|
||
|
|
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!<br /><br />
|
||
|
|
|
||
|
|
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.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Forums d'aide</h2>
|
||
|
|
<p>
|
||
|
|
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.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Cours et tutoriels</h2>
|
||
|
|
|
||
|
|
<h3>Commencer three.js</h3>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[link:https://threejs.org/manual/#en/fundamentals Three.js Fundamentals starting lesson]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h3>More extensive / advanced articles and courses</h3>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[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
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://discoverthreejs.com/ Discover three.js]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://blog.cjgammon.com/ Collection of tutorials] par [link:http://www.cjgammon.com/ CJ Gammon].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[Link:https://aerotwist.com/tutorials/ Aerotwist] tutoriels par [link:https://github.com/paullewis/ Paul Lewis].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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é.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>News et Mises à jour</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[link:https://twitter.com/hashtag/threejs Three.js on Twitter]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.reddit.com/r/threejs/ Three.js on reddit]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.reddit.com/r/webgl/ WebGL on reddit]
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Examples</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[link:https://github.com/edwinwebb/three-seed/ three-seed] - un projet prêt à l'emploi three.js avec ES6 et Webpack
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Outils</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://whsjs.readme.io/ Whitestorm.js] – Framework three.js modulaire avec le plugin de physique AmmoNext.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Coloration syntaxique pour le langage des shaders.
|
||
|
|
<br />
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Références WebGL</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Anciens Liens</h2>
|
||
|
|
<p>
|
||
|
|
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.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.youtube.com/watch?v=Dir4KO9RdhM" target="_blank">AlterQualia at WebGL Camp 3</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - une liste d'exemple utilisant three.js r45.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] par [link:http://github.com/kig/ Ilmari Heikkinen] (slideshow).
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] par [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.youtube.com/watch?v=VdQnOaolrPA" target="_blank">Trigger Rally</a> par [link:https://github.com/jareiko jareiko] (video).
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://blackjk3.github.io/threefab/ ThreeFab] - éditeur de scène, maintenu jusqu'à three.js r50 environ.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - tutoriel three.js en Japonais
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|