|
@@ -17,49 +17,83 @@
|
|
|
|
|
|
Note also that as three.js is under rapid development, a lot of these links will contain information that is
|
|
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,
|
|
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].
|
|
|
|
|
|
+ check the browser console for warnings, the relevant docs pages and especially the [page:DeprecatedList].<br /><br />
|
|
|
|
+
|
|
|
|
+ In addition to this page, mrdoob maintains a collection of links related to three.js over on Google+.
|
|
|
|
+ Check them out <a href="https://plus.google.com/+ThreejsOrg">here</a>.
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <h2>More documentation</h2>
|
|
|
|
|
|
+ <h2>Tutorials and courses</h2>
|
|
|
|
+
|
|
|
|
+ <h4>Getting started with three.js</h4>
|
|
<ul>
|
|
<ul>
|
|
<li>
|
|
<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.
|
|
|
|
|
|
+ [link:https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene Beginning with 3D WebGL] by [link:https://codepen.io/rachsmith/ Rachel Smith].
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<li>
|
|
- [link:http://ushiroad.com/3j/ Three.js walking map] - a graphical breakdown of the structure of a three.js scene.
|
|
|
|
|
|
+ [link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]
|
|
</li>
|
|
</li>
|
|
|
|
+ </ul>
|
|
|
|
+
|
|
|
|
+ <h4>More extensive / advanced articles and courses</h4>
|
|
|
|
+ <ul>
|
|
<li>
|
|
<li>
|
|
- [link:http://www.reddit.com/r/threejs/ Three.js] subreddit.
|
|
|
|
|
|
+ [link:http://blog.cjgammon.com/ Collection of tutorials] by [link:http://www.cjgammon.com/ CJ Gammon].
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<li>
|
|
- [link:http://www.reddit.com/r/webgl/ WebGL] subreddit.
|
|
|
|
|
|
+ <a href="https://medium.com/@soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857">Glossy spheres in three.js</a>.
|
|
</li>
|
|
</li>
|
|
|
|
+ <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://learningthreejs.com/ Learning Three.js] – blog where each post is dedicated to teaching an aspect of three.js
|
|
|
|
+ </li>
|
|
|
|
+ <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>
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
- <h2>News and Updates</h2>
|
|
|
|
|
|
+ <h4>Tutorials in other languages</h4>
|
|
<ul>
|
|
<ul>
|
|
<li>
|
|
<li>
|
|
- [link:http://learningwebgl.com/blog/ Learning WebGL Blog] – The authoritaive news source for WebGL.
|
|
|
|
|
|
+ [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - three.js tutorial in Japanese
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<li>
|
|
- [link:https://plus.google.com/104300307601542851567/posts Three.js posts] on Google+ – frequent posts on Three.js
|
|
|
|
- </li>
|
|
|
|
|
|
+ [link:http://www.senaeh.de/einstieg-in-webgl-mit-three-js/ Einstieg in WebGL mit three.js] - three.js tutorial in German
|
|
|
|
+ </li>
|
|
|
|
+
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
- <h2>Articles</h2>
|
|
|
|
|
|
+
|
|
|
|
+ <h2>More documentation</h2>
|
|
<ul>
|
|
<ul>
|
|
<li>
|
|
<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]
|
|
|
|
|
|
+ [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>
|
|
<li>
|
|
<li>
|
|
|
|
+ [link:http://ushiroad.com/3j/ Three.js walking map] - a graphical breakdown of the structure of a three.js scene.
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
|
|
|
|
+ <h2>News and Updates</h2>
|
|
|
|
+ <ul>
|
|
|
|
+ <li>
|
|
|
|
+ [link:http://www.reddit.com/r/threejs/ Three.js] subreddit.
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<li>
|
|
-
|
|
|
|
|
|
+ [link:http://www.reddit.com/r/webgl/ WebGL] subreddit.
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<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>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
@@ -98,26 +132,6 @@
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</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>
|
|
<h2>Old Links</h2>
|
|
<div>
|
|
<div>
|
|
These links are kept for historical purposes - you may still find them useful, but be warned that
|
|
These links are kept for historical purposes - you may still find them useful, but be warned that
|
|
@@ -147,10 +161,10 @@
|
|
[link:http://blackjk3.github.io/threefab/ ThreeFab] - scene editor, maintained up until around three.js r50.
|
|
[link:http://blackjk3.github.io/threefab/ ThreeFab] - scene editor, maintained up until around three.js r50.
|
|
</li>
|
|
</li>
|
|
<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]
|
|
|
|
|
|
+ [link:http://bkcore.com/blog/3d/webgl-three-js-workflow-tips.html Max to Three.js workflow tips and tricks] by [link:https://github.com/BKcore BKcore]
|
|
</li>
|
|
</li>
|
|
<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]
|
|
|
|
|
|
+ [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ A whirlwind look at Three.js]
|
|
by [link:http://github.com/nrocy Paul King]
|
|
by [link:http://github.com/nrocy Paul King]
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|