Arquivos e links da disciplina de CG
Nesta página você encontrará o material auxiliar a ser utilizado nesta disciplina. #
Arquivos e links da disciplina de CG
Nesta página você encontrará o material auxiliar a ser utilizado nesta disciplina. #
Ambiente de Aula
Aulas - Link para as apresentações e exercícios.
Ambiente Online - site com os exemplos a serem utilizados no curso ( Github Page ).
Repositório do curso - repositório com os códigos do curso ( Github Repository ).
Repositório de assets
Modelos
CG Trader - Repositório com muitos modelos gratuitos.
Turbosquid - Neste site você encontrará objetos 3D em diversos formatos para download, boa parte deles gratuitos.
Sketchfab - Um dos maiores repositórios de arquivos glTF.
OpenGameArt - Tem modelos 2D, 3D e sons.
Sons
Imagens
Misc (Links, tutoriais e utilidades)
Links
Three.js - Site principal - Documentação
Three.js - Manual - Tutoriais "oficiais" do three.js.
Three.js Last release - Descrição da última versão disponível com detalhamento do que foi alterado em relação à versão anterior.
__________________________________________________________________________________________
Links de tutoriais
Three.js Examples by Stemkoski - Vários exemplos separados por tema.
Lights (Threejs fundamentals) - Tutorial bastante util sobre luzes em Threejs.
Shadows (Threejs Fundamentals) - Outro tutorial interessante sobre sombras em Threejs.
__________________________________________________________________________________________
Links de tutoriais - Fundamentos
Matrizes - Tutorial que explica como as matrizes são utilizadas na Computação Gráfica (em inglês).
Matrizes - Ângulos de Euler vs Quaternions - Explica como fazer rotações utilizando ângulos de euler e quaternions.
Visualizing quaternions (4d numbers) with stereographic projection - Trás uma abordagem visual para o entendimento de quaternions.
__________________________________________________________________________________________
Úteis
Javascript - Gerência de paths - diferenças importantes em como organizar caminho de assets e caminho de códigos JS em javascript.
InstancedMesh - para cenas com grande quantidade de objetos com da mesma geometria é interessante usar a classe InstancedMesh ao invés da Mesh comum no Threejs. Veja no link os exemplos de uso desta classe.
Acesso aos "objetos filho" em um grafo de cena - Neste link, buscar a seção "The Scene Graph". Nesta seção é explicado como acessar os filhos adicionados à uma cena
Conversor de GLTF para GLB - Converte os arquivos de um asset GLTF (arquivos .bin, .gltf, texturas etc) para um única arquivo GLB (versão binária do GLTF).
Carregando arquivos localmente - Quando for necessário abrir arquivos localmente (um geometria em GLTF ou uma textura) é necessário, por questão de segurança, criar um servidor local. Neste link são expostas algumas possibilidades que podem ser utilizadas, em especial se você usa Visual Studio Code ou Atom.
Color Picker - App para escolher cores em diversos formatos.
Conversor de cores - aplicativo para auxiliar identificação do código de uma cor específica.
Curiosidades
Exploring 3D Games with 2D Sprites - discute como o uso de sprites evoluiu ao longo dos anos e como são utilizados atualmente junto com jogos em 3D.
Threejs - Cadê a componente ambient do modelo de Phong? - discussão sobre a decisão dos desenvolvedores de 'unir' as componentes ambiente e difusa dos modelos de iluminação na variável 'color'.
Threejs/webgl mais lento do que deveria (Placas Nvidia) - Se você possui um computador com placa NVidia e ele está executando muito lento no Google Chrome essa instrução pode ajudar.