Diferenças entre edições de "Computação Gráfica"

Escolha do IDE - Sugestão Opção 1: Abrir um plain text no notepad e faça rodar uns cubos ou umas esferas, importando o three.js a partir de um repositório ou de ficheiros locais (usando módulos). Só *depois* disso pensar num IDE. Quanto a web server, se não quiser lidar já com o node.js, pode também começar por usar esta extensão simples do chrome: É só dar-lhe o folder base e coloca lá a sua página:

extensão simples do chrome

Opção 2: O Visual Studio Code é muito popular *Visual Studio Code E com a extensão "Live Server" fica ainda melhor.

Tutorial three.js Visual Studio Code Setup

Repositório GitHub Three.js

Versão r129 << Atenção confirmar na UC qual a versão em vigor para o ano letivo em causa

OpenGL e WebGL Recomendo ler capítulo 5 do Introduction to Computer Graphics de David J. Eck. Neste livro recomendo ainda uma breve passagem pelos capítulos dedicados ao OpenGL e WebGL. O Three.js é uma library de alto nível construída sobre a API do WebGL, que por sua vez deriva do OpenGL ES. Embora não utilizemos WebGL directamente nesta UC é sempre iluminador passar umas horas a tentar perceber - ainda que por alto - os pipelines que determinam a lógica das libraries que de facto utilizamos. No mínimo recomendo que leiam os artigos de Wikipedia do OpenGL e WebGL, e de preferência que façam uma leitura muito rápida do Eck antes de se dedicarem em pleno ao Three.js.

OpenGL e WebGL Para aprendermos three.js temos obviamente que programar pelo menos em JavaScript básico. Recomendo os seguinte recursos para esse efeito: Para referência rápida, os tutoriais W3schools. Notar que têm a vantagem de ter na mesma página os links para os tutoriais de HTML e CSS. Em alternativa, os tutoriais Mozilla são uma boa opção. Como livro, temos o Eloquent JavaScript, por Marijn Haverbeke, que é gratuito na sua versão online. Lembrem-se sempre que o nosso propósito neste curso é utilizar apenas JavaScript básico para atingir os nossos objectivos, e não fazer uma aprendizagem a fundo. Tentem por isso fazer uma aprendizagem rápida e dirigida ao objectivo em mãos.

JOGL (obsoleto)

Tutorials for modern OpenGL (3.3+) <---- é um tutorial antigo sobre JOGL

Materiais de Apoio

Resumo da matéria do ano lectivo 2017/18

@@ Linha 78: / Linha 78: @@
 == Links úteis: ==
 '''Escolha do IDE - Sugestão'''
 '''Opção 1:'''
 Abrir um plain text no notepad e faça rodar uns cubos ou umas esferas, importando o three.js a partir de um repositório ou de ficheiros locais (usando módulos). Só *depois* disso pensar num IDE.
 Quanto a web server, se não quiser lidar já com o node.js, pode também começar por usar esta extensão simples do chrome:
-É só dar-lhe o folder base e coloca lá a sua página: *[https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en extensão simples do chrome]
+É só dar-lhe o folder base e coloca lá a sua página:
+*[https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en extensão simples do chrome]
 '''Opção 2:'''
@@ Linha 88: / Linha 90: @@
 E com a extensão "Live Server" fica ainda melhor.
 *[https://youtu.be/DEtTa3LrFVE Tutorial three.js Visual Studio Code Setup]
 '''Repositório GitHub Three.js'''
 *[https://github.com/mrdoob/three.js/tree/r129 Versão r129 << Atenção confirmar na UC qual a versão em vigor para o ano letivo em causa]
 '''OpenGL e WebGL'''
@@ Linha 104: / Linha 108: @@
 *[https://threejs.org/manual/#en/fundamentals Tutorial Fundamentals Three.js]
 *[https://discoverthreejs.com/ Tutorial Livro extra: Discover Three.js]
 '''OpenGL e WebGL'''
@@ Linha 111: / Linha 116: @@
 Como livro, temos o Eloquent JavaScript, por Marijn Haverbeke, que é gratuito na sua versão online.
 Lembrem-se sempre que o nosso propósito neste curso é utilizar apenas JavaScript básico para atingir os nossos objectivos, e não fazer uma aprendizagem a fundo. Tentem por isso fazer uma aprendizagem rápida e dirigida ao objectivo em mãos.
 *[https://www.w3schools.com/js/default.asp W3School Javascript]
 *[https://eloquentjavascript.net/ Livro online: Eloquent Javascript]
-'''JOGL (obsoleto)''''''Texto a negrito'''
-*[http://www.opengl-tutorial.org/ Tutorials for modern OpenGL (3.3+)  <---- é um tutorial antigo sobre JOGL]
-== JOGL (obsoleto) ==
+''JOGL (obsoleto)''
 *[http://www.opengl-tutorial.org/ Tutorials for modern OpenGL (3.3+)  <---- é um tutorial antigo sobre JOGL]
-== Escolha do IDE - Sugestão ==
-Opção 1:
-Abrir um plain text no notepad e faça rodar uns cubos ou umas esferas, importando o three.js a partir de um repositório ou de ficheiros locais (usando módulos). Só *depois* disso pensar num IDE.
-Quanto a web server, se não quiser lidar já com o node.js, pode também começar por usar esta extensão simples do chrome:
-É só dar-lhe o folder base e coloca lá a sua página: *[https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=en extensão simples do chrome]
-Opção 2:
-O Visual Studio Code é muito popular  *[https://code.visualstudio.com/ Visual Studio Code]
-E com a extensão "Live Server" fica ainda melhor.
-*[https://youtu.be/DEtTa3LrFVE Tutorial three.js Visual Studio Code Setup]
-== Repositório GitHub Three.js ==
-*[https://github.com/mrdoob/three.js/tree/r129 Versão r129 << Atenção confirmar na UC qual a versão em vigor para o ano letivo em causa]
 == Materiais de Apoio==
 *[https://wiki.dcet.uab.pt/files/images/8/8c/Resumo_da_mat%C3%A9ria_-_21020_-_Computa%C3%A7%C3%A3o_Gr%C3%A1fica.odt Resumo da matéria do ano lectivo 2017/18]