Useful-links.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8">
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body>
  10. <h1>一些有用的链接([name])</h1>
  11. <p class="desc">
  12. 以下是一些在你学习three.js过程中,可能会对你有所帮助的链接。<br />
  13. 如果你想在此添加内容,或是认为下方某个链接不再相关或无法工作,
  14. 请随时点击右下角“编辑”按钮来进行一些更改。<br /><br />
  15. 需要注意的是,由于three.js处于快速发展中,很多链接会包含过时的信息 ——
  16. 如果某个地方不能够如你所想或如链接中所说的正常工作,
  17. 请查看浏览器控制台中的警告和报错信息,同时也请参阅相关的文档页面。
  18. </p>
  19. <h2>帮助论坛</h2>
  20. <p>
  21. Three.js官方使用[link:https://discourse.threejs.org/ forum](官方论坛) 和 [link:http://stackoverflow.com/tags/three.js/info Stack Overflow]来处理帮助请求。
  22. 如果你需要一些帮助,这才是你所要去的地方。请<strong>一定不要</strong>在GitHub上提issue来寻求帮助。
  23. </p>
  24. <h2>教程以及课程</h2>
  25. <h3>three.js入门</h3>
  26. <ul>
  27. <li>
  28. [link:https://threejs.org/manual/#en/fundamentals Three.js Fundamentals starting lesson]
  29. </li>
  30. <li>
  31. [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].
  32. </li>
  33. <li>
  34. [link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]
  35. </li>
  36. </ul>
  37. <h3>更加广泛、高级的文章与教程</h3>
  38. <ul>
  39. <li>
  40. [link:https://discoverthreejs.com/ Discover three.js]
  41. </li>
  42. <li>
  43. [link:http://blog.cjgammon.com/ Collection of tutorials] by [link:http://www.cjgammon.com/ CJ Gammon].
  44. </li>
  45. <li>
  46. [link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
  47. </li>
  48. <li>
  49. [link:https://www.udacity.com/course/interactive-3d-graphics--cs291 Interactive 3D Graphics] - a free course on Udacity that teaches the fundamentals of 3D Graphics,
  50. and uses three.js as its coding tool.
  51. </li>
  52. <li>
  53. [Link:https://aerotwist.com/tutorials/ Aerotwist] tutorials by [link:https://github.com/paullewis/ Paul Lewis].
  54. </li>
  55. <li>
  56. [link:https://discourse.threejs.org/t/three-js-bookshelf/2468 Three.js Bookshelf] - Looking for more resources about three.js or computer graphics in general?
  57. Check out the selection of literature recommended by the community.
  58. </li>
  59. </ul>
  60. <h2>新闻与更新</h2>
  61. <ul>
  62. <li>
  63. [link:https://twitter.com/hashtag/threejs Three.js on Twitter]
  64. </li>
  65. <li>
  66. [link:http://www.reddit.com/r/threejs/ Three.js on reddit]
  67. </li>
  68. <li>
  69. [link:http://www.reddit.com/r/webgl/ WebGL on reddit]
  70. </li>
  71. </ul>
  72. <h2>示例</h2>
  73. <ul>
  74. <li>
  75. [link:https://github.com/edwinwebb/three-seed/ three-seed] - three.js starter project with ES6 and Webpack
  76. </li>
  77. <li>
  78. [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - a collection of beginner friendly
  79. examples built using three.js r60.
  80. </li>
  81. <li>
  82. [link:https://threejs.org/examples/ Official three.js examples] - these examples are
  83. maintained as part of the three.js repository, and always use the latest version of three.js.
  84. </li>
  85. <li>
  86. [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] -
  87. Same as the above, except these use the dev branch of three.js, and are used to check that
  88. everything is working as three.js being is developed.
  89. </li>
  90. </ul>
  91. <h2>工具</h2>
  92. <ul>
  93. <li>
  94. [link:https://github.com/tbensky/physgl physgl.org] - JavaScript front-end with wrappers to three.js, to bring WebGL
  95. graphics to students learning physics and math.
  96. </li>
  97. <li>
  98. [link:https://whsjs.readme.io/ Whitestorm.js] – Modular three.js framework with AmmoNext physics plugin.
  99. </li>
  100. <li>
  101. [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
  102. </li>
  103. <li>
  104. [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
  105. </li>
  106. <li>
  107. [link:https://github.com/Alchemist0823/three.quarks three.quarks] - 针对 three.js 高速粒子特效系统
  108. </li>
  109. <li>
  110. [link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Syntax highlighter for shader language.
  111. <br />
  112. [link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Syntax highlighting for tagged template strings using comments to shader language, like: glsl.js.
  113. </li>
  114. <li>
  115. [link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]
  116. </li>
  117. </ul>
  118. <h2>WebGL参考</h2>
  119. <ul>
  120. <li>
  121. [link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf webgl-reference-card.pdf] - Reference of all WebGL and GLSL keywords, terminology, syntax and definitions.
  122. </li>
  123. </ul>
  124. <h2>较旧的链接</h2>
  125. <p>
  126. 这些链接是出于历史目的而保留的,你或许可以发现它们仍然很有用,它们可能含有和three.js较为早前版本的有关的信息。
  127. </p>
  128. <ul>
  129. <li>
  130. [link:https://www.youtube.com/watch?v=Dir4KO9RdhM AlterQualia at WebGL Camp 3]
  131. </li>
  132. <li>
  133. [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - a collection of examples using three.js r45.
  134. </li>
  135. <li>
  136. [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] by [link:http://github.com/kig/ Ilmari Heikkinen] (slideshow).
  137. </li>
  138. <li>
  139. [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] by [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
  140. </li>
  141. <li>
  142. [link:https://www.youtube.com/watch?v=VdQnOaolrPA Trigger Rally] by [link:https://github.com/jareiko jareiko] (video).
  143. </li>
  144. <li>
  145. [link:http://blackjk3.github.io/threefab/ ThreeFab] - scene editor, maintained up until around three.js r50.
  146. </li>
  147. <li>
  148. [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]
  149. </li>
  150. <li>
  151. [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ A whirlwind look at Three.js]
  152. by [link:http://github.com/nrocy Paul King]
  153. </li>
  154. <li>
  155. [link:http://bkcore.com/blog/3d/webgl-three-js-animated-selective-glow.html Animated selective glow in Three.js]
  156. by [link:https://github.com/BKcore BKcore]
  157. </li>
  158. <li>
  159. [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - three.js tutorial in Japanese
  160. </li>
  161. </ul>
  162. </body>
  163. </html>