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

Da wiki Wiki Universidade Aberta
(Ano Letivo 2021/2022)
(Ano Letivo 2021/2022)
 
(Há 26 revisões intermédias de 3 utilizadores que não estão a ser apresentadas)
Linha 15: Linha 15:
 
*[https://wiki.dcet.uab.pt/files/images/0/06/EfolioA_CG_20212022.pdf E-fólio A]
 
*[https://wiki.dcet.uab.pt/files/images/0/06/EfolioA_CG_20212022.pdf E-fólio A]
 
*[https://wiki.dcet.uab.pt/files/images/2/21/EfolioBv3_CG_20212022.pdf E-fólio B]
 
*[https://wiki.dcet.uab.pt/files/images/2/21/EfolioBv3_CG_20212022.pdf E-fólio B]
*[https://wiki.dcet.uab.pt/files/images/7/7f/Enunciado_efolioGlobal_21020eg1_2021_2022_v2.pdf E-fólio Global - Época Normal]
+
*[https://wiki.dcet.uab.pt/files/images/7/7f/Enunciado_efolioGlobal_21020eg1_2021_2022_v2.pdf E-fólio Global - Época Normal] => [https://wiki.dcet.uab.pt/files/images/b/b4/CG_20-21_Normal_Criterios.pdf Critérios]
 +
*[https://wiki.dcet.uab.pt/files/images/9/9e/Enunciado_efolioGlobal_Recurso_2021_2022.pdf E-fólio Global - Recurso]
 +
*[https://wiki.dcet.uab.pt/files/images/b/b2/Enunciado_exame_Recurso_2021_2022_v2.pdf Exame - Recurso]
  
 
=== Ano Letivo 2020/2021 ===
 
=== Ano Letivo 2020/2021 ===
Linha 78: Linha 80:
  
 
== Links úteis: ==
 
== 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]
 +
 +
'''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]
 +
 +
 +
'''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.
 +
*[https://en.wikipedia.org/wiki/Three.js Wiki Three.js]
 +
*[https://en.wikipedia.org/wiki/WebGL Wiki WebGL]
 +
*[https://en.wikipedia.org/wiki/OpenGL Wiki OpenGL]
 +
*[https://math.hws.edu/graphicsbook/index.html Introduction to Computer Graphics by David J. Eck] <--- Ver Cap 5
 +
*[https://threejs.org/manual/#en/fundamentals Tutorial Fundamentals Three.js]
 +
*[https://discoverthreejs.com/ Tutorial Livro extra: Discover 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.
 +
*[https://www.w3schools.com/js/default.asp W3School Javascript]
 
*[https://eloquentjavascript.net/ Livro online: Eloquent Javascript]
 
*[https://eloquentjavascript.net/ Livro online: Eloquent Javascript]
*[https://www.w3schools.com/js/default.asp W3School Javascript]
+
 
 +
 
 +
''JOGL (obsoleto)''
 
*[http://www.opengl-tutorial.org/ Tutorials for modern OpenGL (3.3+)  <---- é um tutorial antigo sobre JOGL]
 
*[http://www.opengl-tutorial.org/ Tutorials for modern OpenGL (3.3+)  <---- é um tutorial antigo sobre JOGL]
  

Edição atual desde as 14h41min de 15 de julho de 2022


Guia Informativo Oficial

Planos da Unidade Curricular (PUC):

Enunciados e Resoluções de e-Fólios,p-Fólios e Exames de anos anteriores

Ano Letivo 2021/2022

Ano Letivo 2020/2021

Ano Letivo 2019/2020:

Ano Letivo 2018/2019:

Ano Letivo 2017/2018:

Ano Letivo 2016/2017:

Ano Letivo 2015/2016:

Ano Letivo 2014/2015:

Ano Letivo 2013/2014:

Ano Letivo 2012/2013:

Ano Letivo 2011/2012:

Ano Letivo 2010/2011:

Ano Letivo 2009/2010:

Corpo Docente:

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:

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


Repositório GitHub Three.js


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)

Materiais de Apoio