Links úteis

Veja a seguir uma coleção de links que podem ser úteis para aprender three.js.
Se você encontrar algo que gostaria de adicionar aqui ou achar que um dos links abaixo não está mais relevante ou funcionando, sinta-se à vontade para clicar no botão 'editar' no canto inferior direito e fazer algumas alterações!

Note também que, como o three.js está em rápido desenvolvimento, muitos desses links conterão informações que estão desatualizadas - se algo não estiver funcionando como esperado ou como um desses links diz que deveria funcionar, verifique se há avisos ou erros no console do navegador. Verifique também as páginas de documentação relevantes.

Fóruns de ajuda

Three.js utiliza oficialmente o [link:https://discourse.threejs.org/ forum] e o [link:http://stackoverflow.com/tags/three.js/info Stack Overflow] para pedidos de ajuda. Se você precisar de ajuda com algo, esse é o caminho. NÃO abra uma issue no Github para pedidos de ajuda.

Cursos e tutoriais

Primeiros passos com o three.js

• [link:https://threejs.org/manual/#en/fundamentals Three.js Fundamentals starting lesson]
• [link:https://codepen.io/rachsmith/post/beginning-with-3d-webgl-pt-1-the-scene Beginning with 3D WebGL] de [link:https://codepen.io/rachsmith/ Rachel Smith].
• [link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]

Artigos e cursos mais extensos / avançados

• [link:https://threejs-journey.com/ Three Journey] Curso do [link:https://bruno-simon.com/ Bruno Simon] - Ensina os iniciantes a usar o Three.js passo a passo
• [link:https://discoverthreejs.com/ Discover three.js]
• [link:http://blog.cjgammon.com/ Collection of tutorials] do [link:http://www.cjgammon.com/ CJ Gammon].
• [link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
• [link:https://www.udacity.com/course/cs291 Interactive 3D Graphics] - um curso gratuito da Udacity que ensina os fundamentos de gráficos 3D, e usa three.js como sua ferramenta de codificação.
• [Link:https://aerotwist.com/tutorials/ Aerotwist] tutoriais do [link:https://github.com/paullewis/ Paul Lewis].
• [link:http://learningthreejs.com/ Learning Three.js] – um blog com artigos dedicados ao ensino de three.js
• [link:https://discourse.threejs.org/t/three-js-bookshelf/2468 Three.js Bookshelf] - Procurando mais recursos sobre three.js ou computação gráfica em geral? Confira a seleção de literatura recomendada pela comunidade.

Notícias e atualizações

• [link:https://twitter.com/hashtag/threejs Three.js no Twitter]
• [link:http://www.reddit.com/r/threejs/ Three.js no reddit]
• [link:http://www.reddit.com/r/webgl/ WebGL no reddit]

Exemplos

• [link:https://github.com/edwinwebb/three-seed/ three-seed] - Projeto inicial three.js com ES6 e Webpack
• [link:http://stemkoski.github.io/Three.js/index.html Professor Stemkoskis Examples] - Uma coleção de exemplos amigáveis para iniciantes desenvolvidos com three.js.
• [link:https://threejs.org/examples/ Official three.js examples] - esses exemplos são mantidos como parte do repositório three.js e sempre usam a versão mais recente da biblioteca.
• [link:https://raw.githack.com/mrdoob/three.js/dev/examples/ Official three.js dev branch examples] - Igual ao anterior, exceto que eles usam a branch dev do three.js e são usados ​​para verificar se tudo está funcionando enquanto o three.js está sendo desenvolvido.

Ferramentas

• [link:https://github.com/tbensky/physgl physgl.org] - Front-end JavaScript com wrappers para three.js, com o intuito de trazer gráficos WebGL para alunos que estão aprendendo física e matemática.
• [link:https://whsjs.readme.io/ Whitestorm.js] – Framework modular three.js com o plugin de física AmmoNext.
• [link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
• [link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
• [link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Marcador de sintaxe para linguagem de shader.
  [link:https://marketplace.visualstudio.com/items?itemName=bierner.comment-tagged-templates vscode comment-tagged-templates] - Marcador de sintaxe para modelo de strings com tags usando comentários para linguagem de shader, como: glsl.js.
• [link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]

Referências WebGL

• [link:https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf webgl-reference-card.pdf] - Referência de todas as palavras-chave WebGL e GLSL, terminologia, sintaxe e definições.

Links antigos

Esses links são mantidos para fins históricos - você ainda pode achá-los úteis, mas esteja avisado de que eles podem ter informações relacionadas a versões muito antigas do three.js.

• AlterQualia at WebGL Camp 3
• [link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - uma coleção de exemplos usando three.js r45
• [link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] de [link:http://github.com/kig/ Ilmari Heikkinen] (slides).
• [link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] de [link:http://github.com/yomotsu Akihiro Oyamada] (slides).
• Trigger Rally de [link:https://github.com/jareiko jareiko] (vídeo).
• [link:http://blackjk3.github.io/threefab/ ThreeFab] - editor de cena, mantido até cerca do three.js r50.
• [link:http://bkcore.com/blog/3d/webgl-three-js-workflow-tips.html Max to Three.js workflow tips and tricks] de [link:https://github.com/BKcore BKcore]
• [link:http://12devsofxmas.co.uk/2012/01/webgl-and-three-js/ A whirlwind look at Three.js] de [link:http://github.com/nrocy Paul King]
• [link:http://bkcore.com/blog/3d/webgl-three-js-animated-selective-glow.html Animated selective glow in Three.js] de [link:https://github.com/BKcore BKcore]
• [link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] - tutorial three.js em japonês