Useful-links.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html lang="it">
  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>Link utili ([name])</h1>
  11. <p class="desc">
  12. Quella che segue è una raccolta di link che potresti trovare utili durante lo studio di three.js.<br />
  13. Se trovi qualcosa che ti piacerebbe aggiungere a questa lista o se pensi che uno dei link qui sotto non sia rilevante o non funzioni,
  14. sentiti libero di modificare la pagina cliccando sul bottone 'edit' in basso a destra.<br /><br />
  15. Considera anche che, essendo three.js in rapida crescita, molti di questi link conterranno informazioni non aggiornate -
  16. se qualcosa non funziona come ti aspetti o come uno di questi link dice che dovrebbe, controlla la console
  17. del browser per verificare la presenza di warning o errori. Controlla anche le pagine dei documenti pertinenti.
  18. </p>
  19. <h2>Forum di supporto</h2>
  20. <p>
  21. Three.js ufficialmente utilizza il [link:https://discourse.threejs.org/ forum] e [link:http://stackoverflow.com/tags/three.js/info Stack Overflow] per richieste di aiuto.
  22. Se hai bisogno di assistenza con qualcosa, questi sono i posti dove andare a chiedere e cercare una soluzione. NON aprire una issue su Github per richieste di aiuto.
  23. </p>
  24. <h2>Corsi e tutorial</h2>
  25. <h3>Iniziare con 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] di [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>Articoli e corsi avanzati</h3>
  38. <ul>
  39. <li>
  40. [link:https://threejs-journey.com/ Three Journey] Corso di [link:https://bruno-simon.com/ Bruno Simon] - Insegna ai beginners come usare Three.js step by step
  41. </li>
  42. <li>
  43. [link:https://discoverthreejs.com/ Discover three.js]
  44. </li>
  45. <li>
  46. [link:http://blog.cjgammon.com/ Collection of tutorials] di [link:http://www.cjgammon.com/ CJ Gammon].
  47. </li>
  48. <li>
  49. [link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
  50. </li>
  51. <li>
  52. [link:https://www.udacity.com/course/interactive-3d-graphics--cs291 Interactive 3D Graphics] - un corso gratuito su Udacity che insegna i fondamenti della grafica 3D,
  53. utilizza three.js come strumenti di coding.
  54. </li>
  55. <li>
  56. [Link:https://aerotwist.com/tutorials/ Aerotwist] tutorial di [link:https://github.com/paullewis/ Paul Lewis].
  57. </li>
  58. <li>
  59. [link:https://discourse.threejs.org/t/three-js-bookshelf/2468 Three.js Bookshelf] - Stai cercando più risorse relative a three.js o alla computer graphics in generale?
  60. Controlla la selezione di letteratura suggerita dalla community.
  61. </li>
  62. </ul>
  63. <h2>News e Aggiornamenti</h2>
  64. <ul>
  65. <li>
  66. [link:https://twitter.com/hashtag/threejs Three.js on Twitter]
  67. </li>
  68. <li>
  69. [link:http://www.reddit.com/r/threejs/ Three.js on reddit]
  70. </li>
  71. <li>
  72. [link:http://www.reddit.com/r/webgl/ WebGL on reddit]
  73. </li>
  74. </ul>
  75. <h2>Esempi</h2>
  76. <ul>
  77. <li>
  78. [link:https://github.com/edwinwebb/three-seed/ three-seed] - starter kit di un progetto three.js con ES6 e Webpack
  79. </li>
  80. <li>
  81. [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - una raccolta di esempi per principianti creati utilizzando three.js r60.
  82. </li>
  83. <li>
  84. [link:https://threejs.org/examples/ Esempi three.js ufficiali] - questi esempi sono gestiti come parte del repository di three.js e usano sempre l'ultima versione della libreria.
  85. </li>
  86. <li>
  87. [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Esempi three.js ufficiali del branch di dev] -
  88. Come sopra, tranne che questi usano il branch di dev di three.js, e vengono utilizzati per verificare
  89. che tutto funzioni mentre viene sviluppato three.js.
  90. </li>
  91. </ul>
  92. <h2>Strumenti</h2>
  93. <ul>
  94. <li>
  95. [link:https://github.com/tbensky/physgl physgl.org] - Applicazione front-end JavaScript con un wrapper per three.js, per avvicinare la grafica WebGL
  96. agli studenti che stanno imparando fisica e matematica.
  97. </li>
  98. <li>
  99. [link:https://whsjs.readme.io/ Whitestorm.js] – Framework modulare three.js con plugin per la fisica AmmoNext.
  100. </li>
  101. <li>
  102. [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
  103. </li>
  104. <li>
  105. [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
  106. </li>
  107. <li>
  108. [link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Syntax highlighter per il linguaggio dello shader.
  109. <br />
  110. [link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Syntax highlighting per le stringhe di template etichettate
  111. usando i commenti al linguaggio shader, come: glsl.js.
  112. </li>
  113. <li>
  114. [link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]
  115. </li>
  116. </ul>
  117. <h2>Riferimenti WebGL</h2>
  118. <ul>
  119. <li>
  120. [link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf webgl-reference-card.pdf] - Riferimento di tutte le parole chiave, terminologia, sintassi e definizioni WebGL e GLSL.
  121. </li>
  122. </ul>
  123. <h2>Vecchi Link</h2>
  124. <p>
  125. Questi link sono conservati per scopi storici - potresti trovarli utili, ma tieni presente che
  126. potrebbero contenere informazioni relative a versioni molto vecchie di 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] - una collezione di esempi che utilizza la versione r45 di three.js.
  134. </li>
  135. <li>
  136. [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] di [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] di [link:http://github.com/yomotsu Akihiro Oyamada] (slideshow).
  140. </li>
  141. <li>
  142. [link:https://www.youtube.com/watch?v=VdQnOaolrPA Trigger Rally] di [link:https://github.com/jareiko jareiko] (video).
  143. </li>
  144. <li>
  145. [link:http://blackjk3.github.io/threefab/ ThreeFab] - editor di scene, mantenuto fino alla versione r50 di three.js.
  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] di [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. di [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. di [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] - tutorial di three.js in Giapponese
  160. </li>
  161. </ul>
  162. </body>
  163. </html>