Useful-links.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <base href="../../../" />
  6. <script src="list.js"></script>
  7. <script src="page.js"></script>
  8. <link type="text/css" rel="stylesheet" href="page.css" />
  9. </head>
  10. <body>
  11. <h1>一些有用的链接([name])</h1><br />
  12. <p class="desc">
  13. 下面是一些你在学习three.js过程中或许对你有很大帮助的链接。<br />
  14. 如果你发现了一些你想要在这里添加的东西,或者下面的某些链接已经不再可用,请尽情点击右上角的编辑按钮来做一些修改。<br /><br />
  15. 请注意,three.js目前正处于快速发展的阶段,这里的很多链接已经过时了;如果一些东西没有按照你所预想情况、或者以下链接中所说的情况来工作,请查看
  16. 浏览器的Console中的错误或者警告,以及相应的文档,特别是[page:DeprecatedList](弃用清单)。<br /><br />
  17. 此外除了这个页面,mrdoob还在Google+上维护了一些和three.js相关的链接。
  18. <a href="https://plus.google.com/+ThreejsOrg">点击这里</a>来查看它们。
  19. </p>
  20. <h2>帮助论坛</h2>
  21. <p>
  22. Three.js官方使用[link:http://stackoverflow.com/tags/three.js/info Stack Overflow]来处理帮助请求。
  23. 如果你需要一些帮助,这才是你所要去的地方。请<strong>一定不要</strong>在GitHub上提issue来寻求帮助。
  24. </p>
  25. <h2>教程以及课程</h2>
  26. <h3>three.js入门</h3>
  27. <ul>
  28. <li>
  29. [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].
  30. </li>
  31. <li>
  32. [link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]
  33. </li>
  34. </ul>
  35. <h3>更加广泛、高级的文章与教程</h3>
  36. <ul>
  37. <li>
  38. [link:http://blog.cjgammon.com/ Collection of tutorials] by [link:http://www.cjgammon.com/ CJ Gammon].
  39. </li>
  40. <li>
  41. [link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
  42. </li>
  43. <li>
  44. [link:https://www.udacity.com/course/cs291 Interactive 3D Graphics] - a free course on Udacity that teaches the fundamentals of 3D Graphics,
  45. and uses three.js as its coding tool.
  46. </li>
  47. <li>
  48. [Link:https://aerotwist.com/tutorials/ Aerotwist] tutorials by [link:https://github.com/paullewis/ Paul Lewis].
  49. </li>
  50. <li>
  51. [link:http://learningthreejs.com/ Learning Three.js] – a blog with articles dedicated to teaching three.js
  52. </li>
  53. <li>
  54. [link:http://bkcore.com/blog/3d/webgl-three-js-animated-selective-glow.html Animated selective glow in Three.js]
  55. by [link:https://github.com/BKcore BKcore]
  56. </li>
  57. </ul>
  58. <h3>其它非英语的教程</h3>
  59. <ul>
  60. <li>
  61. [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - three.js tutorial in Japanese
  62. </li>
  63. </ul>
  64. <h2>新闻与更新</h2>
  65. <ul>
  66. <li>
  67. [link:http://www.reddit.com/r/threejs/ Three.js on reddit]
  68. </li>
  69. <li>
  70. [link:http://www.reddit.com/r/webgl/ WebGL on reddit]
  71. </li>
  72. <li>
  73. [link:http://learningwebgl.com/blog/ Learning WebGL Blog] – The authoritive news source for WebGL.
  74. </li>
  75. <li>
  76. [link:https://plus.google.com/104300307601542851567/posts Three.js posts] on Google+ – frequent posts on Three.js
  77. </li>
  78. </ul>
  79. <h2>示例</h2>
  80. <ul>
  81. <li>
  82. [link:https://github.com/edwinwebb/three-seed/ three-seed] - three.js starter project with ES6 and Webpack
  83. </li>
  84. <li>
  85. [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - a collection of beginner friendly
  86. examples built using three.js r60.
  87. </li>
  88. <li>
  89. [link:https://threejs.org/examples/ Official three.js examples] - these examples are
  90. maintained as part of the three.js repository, and always use the latest version of three.js.
  91. </li>
  92. <li>
  93. [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] -
  94. Same as the above, except these use the dev branch of three.js, and are used to check that
  95. everything is working as three.js being is developed.
  96. </li>
  97. </ul>
  98. <h2>工具</h2>
  99. <ul>
  100. <li>
  101. [link:http://www.physgl.org/ physgl.org] - JavaScript front-end with wrappers to three.js, to bring WebGL
  102. graphics to students learning physics and math.
  103. </li>
  104. <li>
  105. [link:https://whs.io/ Whitestorm.js] – Modular three.js framework with AmmoNext physics plugin.
  106. </li>
  107. <li>
  108. [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
  109. </li>
  110. <li>
  111. [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
  112. </li>
  113. </ul>
  114. <h2>WebGL参考</h2>
  115. <ul>
  116. <li>
  117. [link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf] - Reference of all WebGL and GLSL keywords, terminology, syntax and definitions.
  118. </li>
  119. </ul>
  120. <h2>较旧的链接</h2>
  121. <p>
  122. 这些链接是出于历史的目的而保留的,你或许可以发现它们仍然很有用,但是它们可能含有和three.js非常老旧的版本有关的信息。
  123. </p>
  124. <ul>
  125. <li>
  126. <a href="https://www.youtube.com/watch?v=Dir4KO9RdhM" target="_blank">AlterQualia at WebGL Camp 3</a>
  127. </li>
  128. <li>
  129. [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - a collection of examples using three.js r45.
  130. </li>
  131. <li>
  132. [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] by [link:http://github.com/kig/ Ilmari Heikkinen] (slideshow).
  133. </li>
  134. <li>
  135. [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] by [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
  136. </li>
  137. <li>
  138. [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).
  139. </li>
  140. <li>
  141. <a href="https://www.youtube.com/watch?v=VdQnOaolrPA" target="_blank">Trigger Rally</a> by [link:https://github.com/jareiko jareiko] (video).
  142. </li>
  143. <li>
  144. [link:http://blackjk3.github.io/threefab/ ThreeFab] - scene editor, maintained up until around three.js r50.
  145. </li>
  146. <li>
  147. [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]
  148. </li>
  149. <li>
  150. [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ A whirlwind look at Three.js]
  151. by [link:http://github.com/nrocy Paul King]
  152. </li>
  153. </ul>
  154. </body>
  155. </html>