You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
186 lines
7.2 KiB
186 lines
7.2 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="pt-br">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<base href="../../../" />
|
||
|
|
<script src="page.js"></script>
|
||
|
|
<link type="text/css" rel="stylesheet" href="page.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Links úteis</h1>
|
||
|
|
|
||
|
|
<p class="desc">
|
||
|
|
Veja a seguir uma coleção de links que podem ser úteis para aprender three.js.<br />
|
||
|
|
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!<br /><br />
|
||
|
|
|
||
|
|
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.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Fóruns de ajuda</h2>
|
||
|
|
<p>
|
||
|
|
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.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<h2>Cursos e tutoriais</h2>
|
||
|
|
|
||
|
|
<h3>Primeiros passos com o three.js</h3>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[link:https://threejs.org/manual/#en/fundamentals Three.js Fundamentals starting lesson]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://www.august.com.au/blog/animating-scenes-with-webgl-three-js/ Animating scenes with WebGL and three.js]
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h3>Artigos e cursos mais extensos / avançados</h3>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[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
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://discoverthreejs.com/ Discover three.js]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://blog.cjgammon.com/ Collection of tutorials] do [link:http://www.cjgammon.com/ CJ Gammon].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://medium.com/soffritti.pierfrancesco/glossy-spheres-in-three-js-bfd2785d4857 Glossy spheres in three.js].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[Link:https://aerotwist.com/tutorials/ Aerotwist] tutoriais do [link:https://github.com/paullewis/ Paul Lewis].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://learningthreejs.com/ Learning Three.js] – um blog com artigos dedicados ao ensino de three.js
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Notícias e atualizações</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[link:https://twitter.com/hashtag/threejs Three.js no Twitter]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.reddit.com/r/threejs/ Three.js no reddit]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.reddit.com/r/webgl/ WebGL no reddit]
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Exemplos</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[link:https://github.com/edwinwebb/three-seed/ three-seed] - Projeto inicial three.js com ES6 e Webpack
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Ferramentas</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://whsjs.readme.io/ Whitestorm.js] – Framework modular three.js com o plugin de física AmmoNext.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://zz85.github.io/zz85-bookmarklets/threelabs.html Three.js Inspector]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://idflood.github.io/ThreeNodes.js/ ThreeNodes.js].
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://marketplace.visualstudio.com/items?itemName=slevesque.shader vscode shader] - Marcador de sintaxe para linguagem de shader.
|
||
|
|
<br />
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:https://github.com/MozillaReality/WebXR-emulator-extension WebXR-emulator-extension]
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Referências WebGL</h2>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
[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.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>Links antigos</h2>
|
||
|
|
<p>
|
||
|
|
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.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.youtube.com/watch?v=Dir4KO9RdhM" target="_blank">AlterQualia at WebGL Camp 3</a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://yomotsu.github.io/threejs-examples/ Yomotsus Examples] - uma coleção de exemplos usando three.js r45
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://fhtr.org/BasicsOfThreeJS/#1 Introduction to Three.js] de [link:http://github.com/kig/ Ilmari Heikkinen] (slides).
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.slideshare.net/yomotsu/webgl-and-threejs WebGL and Three.js] de [link:http://github.com/yomotsu Akihiro Oyamada] (slides).
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="https://www.youtube.com/watch?v=VdQnOaolrPA" target="_blank">Trigger Rally</a> de [link:https://github.com/jareiko jareiko] (vídeo).
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://blackjk3.github.io/threefab/ ThreeFab] - editor de cena, mantido até cerca do three.js r50.
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[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]
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
[link:http://www.natural-science.or.jp/article/20120220155529.php Building A Physics Simulation Environment] -
|
||
|
|
tutorial three.js em japonês
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|