|
|
@@ -0,0 +1,159 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <base href="../../" />
|
|
|
+ <script src="list.js"></script>
|
|
|
+ <script src="page.js"></script>
|
|
|
+ <link type="text/css" rel="stylesheet" href="page.css" />
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <h1>[name]</h1><br />
|
|
|
+
|
|
|
+ <div class="desc">
|
|
|
+ The following is a collection of links that you might find useful when learning Three.<br />
|
|
|
+ If you find something that you'd like to add here, or think that one of the links below is no longer
|
|
|
+ relevant or working, feel free to click the 'edit' button in the top right and make some changes!<br /><br />
|
|
|
+
|
|
|
+ Note also that as three.js is under rapid development, a lot of these links will contain information that is
|
|
|
+ out of date - if something isn't working as you'd expect or one of these links says it should,
|
|
|
+ check the browser console for warning, the relevant docs pages and especially the [page:DeprecatedList].
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h2>More documentation</h2>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ [link:http://threejsdoc.appspot.com/doc/index.html threejsdoc] - useful because it links every API element to to every official example that uses it.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://ushiroad.com/3j/ Three.js walking map] - a graphical breakdown of the structure of a three.js scene.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://www.reddit.com/r/threejs/ Three.js] subreddit.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://www.reddit.com/r/webgl/ WebGL] subreddit.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2>News and Updates</h2>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ [link:http://learningwebgl.com/blog/ Learning WebGL Blog] – The authoritaive news source for WebGL.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:https://plus.google.com/104300307601542851567/posts Three.js posts] on Google+ – frequent posts on Three.js
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2>Articles</h2>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ [link:http://bkcore.com/blog/3d/webgl-three-js-animated-selective-glow.html Animated selective glow in Three.js]
|
|
|
+ by [link:https://github.com/BKcore BKcore]
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2>Examples</h2>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - a collection of beginner friendly
|
|
|
+ examples built using three.js r60.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:https://threejs.org/examples/ Official three.js Examples] - these examples are
|
|
|
+ maintained as part of the three.js repository, and always use the latest version of three.js.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:https://rawgit.com/mrdoob/three.js/dev/examples/ Official three.js Examples] (dev branch) -
|
|
|
+ Same as the above, except these use the dev branch of three.js, and are used to check that
|
|
|
+ everything is working as three.js being is developed.
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2>Tools</h2>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ [link:http://www.physgl.org/ physgl.org] - javascript front-end with wrappers to three.js, to bring WebGL
|
|
|
+ graphics to students learning physics and math.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://whitestormjs.xyz/ Whitestorm.js] – A wrapper around Three.js and custom [link:https://github.com/chandlerprall/Physijs physi.js].
|
|
|
+ </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>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2>Tutorials and courses</h2>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ [link:https://www.udacity.com/course/cs291 Interactive 3D Graphics] - a free course on Udacity that teaches the fundamentals of 3D Graphics,
|
|
|
+ and uses three.js as it coding tool.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [Link:https://aerotwist.com/tutorials/ Aerotwist] tutorials by [link:https://github.com/paullewis/ Paul Lewis].
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - three.js tutorial in Japanese
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://www.senaeh.de/einstieg-in-webgl-mit-three-js/ Einstieg in WebGL mit three.js] - three.js tutorial in German
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://learningthreejs.com/ Learning Three.js] – blog where each post is dedicated to teaching an aspect of three.js
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <h2>Old Links</h2>
|
|
|
+ <div>
|
|
|
+ These links are kept for historical purposes - you may still find them useful, but be warned that
|
|
|
+ they may have information relating to very old versions of three.js.
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <a href="https://www.youtube.com/watch?v=Dir4KO9RdhM">AlterQualia at WebGL Camp 3</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - a collection of examples using three.js r45.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] by [link:http://github.com/kig/ Ilmari Heikkinen] (slideshow).
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] by [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://bkcore.com/blog/general/adobe-user-group-nl-talk-video-hexgl.html Fast HTML5 game development using three.js] by [link:https://github.com/BKcore BKcore] (video).
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="http://www.youtube.com/watch?v=VdQnOaolrPA">Trigger Rally</a> by [link:https://github.com/jareiko jareiko] (video).
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://blackjk3.github.io/threefab/ ThreeFab] - scene editor, maintained up until around three.js r50.
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://bkcore.com/blog/3d/webgl-three-js-workflow-tips.html Max to Three.js workflow tips and tricks] by https://github.com/BKcore BKcore]
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ On the twelfth day of Xmas, take a whirlwind look at Three.js]
|
|
|
+ by [link:http://github.com/nrocy Paul King]
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|
Mr.doob